かゆいところに手が届く！Flexboxを使った便利な小技

2017年9月14日 CSS 要素を横並びにする時に便利なFlexbox（フレックスボックス）。みなさん、使いこなせていますか？今回はFlexboxを使ったちょっとした小技や、ハマりがちなポイントとその回避例を紹介します！ ↑私が10年以上利用している会計ソフト！ 画像とテキストを互い違いに表示 See the Pen Flexbox – row-reverse tip by Mana (@manabox) on CodePen. まずは画像とテキストが入るボックスを作成。それらを囲む .box という div を用意しました。 HTML <div class="box"> <img src="images/iphone1.jpg" alt=""> <div class="box-text"> <h2>見出しが入ります</h2> <p>テキストが入ります</p> </div> </div>

[sadness_ojisan]

flex box の高さ伸びるやつを防ぐやつ

[real1223]

css, tips, 困ったとき, 知識

[idr_zz]

そこそこ！届いた！ かゆいところに手が届く！Flexboxを使った便利な小技｜Webクリエイターボックス @webcreatorboxさんから

[otihateten3510]

この記事、サンプルとかちゃんと作ったりして大変そうだな　そんなことない？

[pochi-mk]

いつも参考になるなぁ。

[chienavi]

かゆいところに手が届く！Flexboxを使った便利な小技