在CSS中,display是一个很重要的属性,它用于设置HTML元素的表现方式。
display属性可以取多个值,其中比较常见的有:
display: none;
display: block;
display: inline;
display: inline-block;
其中display:none可以让元素不可见,也就是消失在页面上,比如:
<div style="display:none">这是一个隐藏的元素</div>
就可以让这个元素不显示在页面上。
而display:block会让元素成为块级元素,元素会独占一行,并且可设置宽度、高度、内外边距等属性。
display:inline会使元素变成内联元素,元素不会独占一行,而是在一行内与其他元素并排显示,不可设置宽度、高度,但可以设置字号、颜色等文本属性。
display:inline-block是inline和block的结合体,元素会在同一行内并排显示,但可以自定义宽度、高度、内外边距等属性。
需要注意的是,不同的display属性值可能会对同一个元素造成不同的表现,因此在编写CSS时需要选择合适的display属性值来实现自己想要的页面效果。