[分享]css中display属性是什么

在CSS中，display属性用于定义元素的显示方式。

div{
    display: block;
}

span{
    display: inline;
}

p{
    display: inline-block;
} 

display属性有以下几种取值：

• block：将元素显示为块级元素，元素之间会自动换行。
• inline：将元素显示为行内元素，不会自动换行。
• inline-block：将元素显示为行内块级元素，不会自动换行，但是可以设置宽高。
• none：元素不会被显示，相当于隐藏元素。

display属性还可以用于响应式设计，根据不同的屏幕尺寸，展示不同的布局。

@media screen and (max-width: 768px){
    div{
        display: inline;
    }
    span{
        display: block;
    }
} 

在以上的示例中，当屏幕宽度小于等于768px时，div元素显示为行内元素，span元素显示为块级元素。