利用可能な水平スペースに応じて、アイテムのリストを水平または垂直にレンダリングしたいと思います。リスト項目の内容は動的に変化する可能性があるため、@media
クエリはあまり役に立ちません。
例:
item1 item2 item3 item4 |<-- right border of parent box
次に、レイアウトを次のように変更しますitem2
。muchlongeritem2
item1 |
muchlongeritem2 |<-- right border of parent box
item3 |
item4 |
CSSのみを使用してこれを達成する方法はありますか? 私は JavaScript の解決策を考え出すことができましたが、誰かがコードを用意していれば、喜んでそれを調べてみたいと思います。