CSSが得意な渋谷のウェブデザイナーのウェブ開発メモ

[PR] Another American Dictionary Spanglish with us!

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

横並びのメニューを3等分、7等分、何等分でもうまく収めるCSSテク

課題:このようなメニューを横並びにする。レスポンシブデザインにしたいので横幅の固定はできない。

<ul>
	<li><a href="#">RED</a></li>
	<li><a href="#">GREEN</a></li>
	<li><a href="#">BLUE</a></li>
</ul> 

答え

li{
	display: table-cell;
	width: 1%;
}
関連記事
この記事役にたった?
管理者にだけメッセージを送る

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。