ページのナビゲーションやら、画像のサムネイル表示など、 一覧で何かを表示したいことって結構あると思う。 そんなときに、中央に配置するのにアイテムの数から左のマージンを計算してって面倒くさい。 そこで、CSSで簡単に制御できるすばらしいCSSがあったので紹介。 リスト要素を中央に配置するCSS 以下のCSSを使うだけ。 シンプルでいいですね。 .centered { position: relative; overflow: hidden; } .centered ul { position: relative; left: 50%; float: left; } .centered ul li { position: relative; left: -50%; float: left; } 超簡単、HTMLはこんな感じで使えばいいですよ。 これからかなりお世話になりそうです。 <d