[分享]css中display有哪些属性

在CSS中，display属性可以控制元素的布局和外观。常见的display属性有以下几种：none: 隐藏元素，即元素不显示，也不占用空间。 block: 元素在行内和行间上自动换行，并且宽度默认为...

在CSS中，display属性可以控制元素的布局和外观。常见的display属性有以下几种：

none: 隐藏元素，即元素不显示，也不占用空间。
block: 元素在行内和行间上自动换行，并且宽度默认为100%。block元素可以包含其他元素。
inline: 元素在同一行上显示，并且不会破坏文本的正常流程。inline元素不能包含块级元素，只能包含行内元素和文本。
inline-block: 元素在同一行上显示，但可以设置宽度和高度。inline-block元素可以包含其他元素。
table: 元素以表格的形式显示。元素具有表格的结构，包括表格头，行和单元格等，可以通过其他table属性控制表格单元格之间的距离和排列。
table-cell: 元素以表格单元格的形式显示。table-cell元素只能包含块级元素。
list-item: 元素显示为列表项，通常用于<ul>和<ol>元素。
flex: 元素变成一个弹性容器，可以使用其他flex属性来设置容器内元素的排列方式。 

除了上述常见的display属性，还有一些其他的display属性，如grid、inline-grid和run-in等，但这些属性并不常用，可以根据实际需要选择合适的display属性来控制元素的布局和外观。