css - CSS - リスト項目としての div の垂直方向の配置

Question

いくつかの div を水平方向に均等に分散したかったのです。だから私はこのリンクを見つけました：

順序なしリストでそれを行う方法を説明しました。これにより、水平方向の分布が処理されます。

ここで、これらの div のそれぞれに異なるテキストとテキストのスタイルを追加すると、それらは互いに垂直方向に整列しません。div の最後の行ではなく、各 div 内のテキストの最後の行の下部が互いに整列しているようです。

これが私のフィドルです：http://jsfiddle.net/3jxV7/1/

div 内にどのようなコンテンツを含めても、div を互いに垂直方向に整列させるにはどうすればよいですか?

簡単にするために、すべての div のサイズが同じであると仮定します。

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

score 2 · Accepted Answer

このプロパティを CSS に追加します

li
 {
  vertical-align:middle;
 }

内側のテキストも縦に揃えたい場合は、これを CSS に追加します。

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

1 に答える 1