CSS display属性详解

css display 块元素,内联元素
块元素:h1 p div
内联元素:span a
display常用属性
none 此元素不会被显示
block 此元素将显示为块级元素,此元素前后显示换行符
inline 此元素显示为内联元素,前后没有换行符
inline-block 行内块元素
将元素设置为inline-block时,被隐藏的元素会变为行内块元素并显示; inline-block既具有block的宽高特性又具有inline的同行元素特性。 通过inline-block结合text-align: justify 还可以实现固定宽高的列表两端对齐布局;
我们常将所有li元素加上display:inline-block样式,原本垂直的列表就可以水平显示了。

herit 继承父元素 display 属性的值

你可能感兴趣的:(css,css3,html)