CSS3のflexboxでメニューボタンつくってみた。

★記事の個別ページでCSSをあてています★

勉強しながら作ってみました。こんなやつです。
ただ、chromeでしか確認してません。

li要素を増やしても、指定幅内におさめてくれます。
文字数によってはボタン名が隣と重なって潰れちゃいますけど。

こんな感じで。

ソースはこんな感じでいじりました。

[crayon]



flexbox-menuButton



flexbox-menuButton



[/crayon]

正直、変な記述もあるかも。

投稿者:

sejiijes

SEとWEBとデザインと事務処理に戯れる田舎会社員。

コメントを残す

メールアドレスが公開されることはありません。