エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
flexboxで最終行の要素の幅を揃える小技 - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
flexboxで最終行の要素の幅を揃える小技 - Qiita
悩み事と結論 CSSのFlexboxは便利ですが、下のようなことでお悩みになったことはありませんか? レスポ... 悩み事と結論 CSSのFlexboxは便利ですが、下のようなことでお悩みになったことはありませんか? レスポンシブデザインなため1列の要素数をピッタリ揃えられず、最終行の要素だけ幅が変わってしまう悩みです。 実はこの問題、HTMLだけで簡単に解決できます。 1列に並べたい最大個数だけ、末尾に下のようなadjuster要素を追加してください。 この例の場合1列は最大4個なので、末尾に4つ足しています。 <div class="root"> <div class="item"></div> <div class="item"></div> <div class="item"></div> <div class="item"></div> <div class="item"></div> <div class="item"></div> <div class="item"></div> <div