[分享]css元素显示块级元素

CSS中的块级元素是指在HTML文档中占据一整行的元素，例如div，p，h1等。可以通过CSS样式来改变这些元素的外观和排列方式。下面我们来介绍一些CSS属性，它们可以将非块级元素强制显示为块级元素。...

CSS中的块级元素是指在HTML文档中占据一整行的元素，例如div，p，h1等。可以通过CSS样式来改变这些元素的外观和排列方式。下面我们来介绍一些CSS属性，它们可以将非块级元素强制显示为块级元素。

display: block; 

这是最常用的块级元素声明方式，可以将元素强制显示为块级元素，例如：

span {
    display: block;
} 

此时，所有的span元素都将强制显示为块级元素，占据一整行。

display: table; 

这个属性可以让元素显示为一个表格，其子元素则会按照表格单元格的方式进行排列。例如：

ul {
    display: table;
}
li {
    display: table-cell;
} 

此时，所有的ul元素都会显示为一个表格，而里面的li元素则会按照表格单元格的方式排列。

display: inline-block; 

这个属性可以让元素显示为块级元素，但是又像是内联元素一样排列。例如：

span {
    display: inline-block;
} 

此时，所有的span元素将显示为块级元素，但是又不会像块级元素一样独占一行，而是像内联元素一样排列。

以上是几种将非块级元素强制显示为块级元素的CSS属性。有了这些属性，我们可以更方便地控制网页布局。