css如何纵向平均分配 |css表格只显示行线

首先，大家需要对HTML结构进行一定的调整，以便实现纵向平均分配。假设大家有3个元素需要平均分配，大家可以将它们放在一个容器（div）中，并设置容器的高度为100%（或者根据实际需要设置一个具体的高度），同时给每个元素设置一个相同的高度，如下所示：

<div class="container">
<div class="item">第一个元素</div>
<div class="item">第二个元素</div>
<div class="item">第三个元素</div>
</div>.container {
height: 100%;
display: flex;
flex-direction: column;
}
.item {
height: 33.33%;
}

上面的代码中，大家使用了flex布局，将容器设置为纵向排列（flex-direction: column），然后给每个元素设置了相同的高度（height: 33.33%）。由于一共有3个元素，所以每个元素的高度设置为100% / 3 = 33.33%。

如果需要平均分配更多的元素，同样可以使用上面的方法，只需要将每个元素的高度设置为容器高度的1 / n（其中n为元素个数）即可。

通过使用CSS中的flex布局，大家可以非常方便地实现纵向平均分配元素的效果，简单易用。