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

[PR] Another American Dictionary Spanglish with us!

横並びのメニューを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%;
}
関連記事
この記事役にたった?
管理者にだけメッセージを送る