サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
画力アップ
webtan.tech
最後の行のスペースを埋めたい! こんなときありませんか? display:flexをしたときに、justify-content: space-betweenをすると子要素の数によっては、4番と5番の間にスペースができてしまいます。 下の図のような状態です。 Flexboxを使っているときにありがちなお悩みです。 イメージするのはこの形 間があいてるのって、なんだか不自然ではないでしょうか。偶数の個数だったら問題なさそうですが、このためにコンテンツ内容を合わせるのは得策ではありません。内容の変更があるかもしれないですしね。 ということで、今回は疑似要素をつかった解決策をお伝えしたいと思います。 そもそも justify-content ってなに? CSS3から使用できるレイアウト形式です。 親要素に display:flexを指定すると、使用できるプロパティがあります。その中の一つがjust
このページを最初にブックマークしてみませんか?
『【Web鍛】Webデザイン課題と解説サイト』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く