HTML5/CSS は他の列の相互の高さに基づいてリスト項目を整列します

フレックスを使用してリスト項目を整列させます。 Flex は、内容に基づいて列を柔軟にします。ラッパーは列を一列にレイアウトします。

.wrap{
   display : flex
}// This will help wrapper to become flexible
.wrap.col{
   flex: 1 0 33%;
}

Flex は基本的に、要素を柔軟にするのに役立つ属性です。

次のコードを使用してリストを垂直方向に下に揃えます -

.col .content {
   margin-top: auto;
}

以上がHTML5/CSS は他の列の相互の高さに基づいてリスト項目を整列しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。