備忘録

【CSS】メニュー間に区切り線を引く方法【Flexbox】

CSSでメニュー間に区切り線を引く方法を知りたい

このような疑問に答えます。

こんにちは、フリーランスエンジニアの涼です

備忘録として書きます。

【CSS】メニュー間に区切り線を引く方法

See the Pen
BaNQmjW
by masa (@websama)
on CodePen.

ポイントは以下の通り。

・li要素にflex-grow: 1を指定
→各li要素が均等の幅になる。※flex-growはFlexboxアイテムの要素の伸び率を決めるプロパティ。

以上

-備忘録

Copyright© Web制作ブログ , 2024 All Rights Reserved Powered by AFFINGER5.