java display属性_CSS之-----display属性的常用属性值

一、display属性值讲解

none：此元素不会被显示。

block：将元素显示为块级元素，此元素前后会带有换行符。

inline：将元素会被显示为内联元素，元素前后没有换行符。

inline-block：行内块元素，使内联元素具有行内元素的特性。

inherit：规定应该从父元素继承 display 属性的值。

二、代码实例

display常用属性值测试

body div,body span{

margin: 10px 0;

}

._inline{

display: inline;

border:1px solid red;

}

._block{

display: block;

border: 1px solid blue;

}

._inline-block{

display: inline-block;

border: 1px solid green;

}

._none{

display: none;

}

._inherit{

display: inherit;

border: 1px solid red;

}

display: inline;将元素会被显示为内联元素，元素前后没有换行符。

display: inline;将元素会被显示为内联元素，元素前后没有换行符。

display: inline-block;行内块元素，使内联元素具有行内元素的特性。

display: block;将元素显示为块级元素，此元素前后会带有换行符。

规定应该从父元素继承 display 属性的值。

此元素不会被显示。