Question

我想要水平均匀地分配几个div。所以我找到了这个链接：

解释了如何使用无序列表。这照顾了水平分布。

现在，当我为每个div添加不同的文本和文本样式时，它们不会彼此垂直对齐。似乎每个div中最后一行文本的底部彼此对齐，而不是div的最后一行。

无论我在div中包含哪些内容，我怎样才能让div垂直对齐？

为了方便起见，假设我的所有div都具有相同的尺寸：

div.foo
{
    width:100px;
    height:100px;
    background:cyan;
}

Answer 1

在CSS中添加此属性

li
 {
  vertical-align:middle;
 }

如果您希望文本内部垂直对齐，请在CSS上添加

div.foo
 {
  display:table-cell;
  vertical-align:middle;
 }