ul タグ内のすべての li 項目を、すべてを最長に揃えるのではなく、互いの下に揃えることは可能ですか? 私はそれがあまり意味をなさないことを知っているので、例を挙げました!! 笑
つまり、2 行目のボックスを最初の行のボックスの下に配置したいということです。 2 行目の最初のボックスを横に並べます。ボックス3も同様。
それが理にかなっていることを願っています!!
ul タグ内のすべての li 項目を、すべてを最長に揃えるのではなく、互いの下に揃えることは可能ですか? 私はそれがあまり意味をなさないことを知っているので、例を挙げました!! 笑
つまり、2 行目のボックスを最初の行のボックスの下に配置したいということです。 2 行目の最初のボックスを横に並べます。ボックス3も同様。
それが理にかなっていることを願っています!!
列をエミュレートすることで希望の結果を得ることができますが、追加のdivが必要です:JSFiddle
また、li {vertical-align: bottom;}
すべてが狭い間隔で配置されますが、2行でしか機能せず、おそらく必要なものではありません。
これは SA に関する非常に一般的な質問であり、答えはほとんど常にこれを使用することです。
残念ながら、純粋な CSS ソリューションはありません。