[CSS]たった二行で、さまざまなカラムを設定するグリッドのフレームワーク

たった二行のシンプルなスタイルシートで、さまざまなサイズのカラムを設定するグリッドのフレームワークをを紹介します。 .row { display:table; width:960px; margin:0 auto } .cell { display:table-cell; vertical-align:top; padding-left:10px } HTMLもシンプルでdiv要素を使うだけです。 HTML 3カラムの例です。カラムの数にあわせて、div要素を配置します。 <div class="row"> <div class="cell" style="background-color:#aaa;">1</div> <div class="cell" style="background-color:#bbb;">2</div> <div class="cell" style="back

[alexavier]

シンプルなスタイルシート

[aoiro_moon]

IEでは使えないらしい。

[yuxu]

IE6と7はdisplay:table-cellに対応していなかったような？

[lettas0726]

コレは素敵

[mikikok]

[CSS

[hidehish]

見てる:

[cu39]

table-cellとinlineね。

[otchy210]

理屈は分かるけど、display:table, display:table-cell を使うとなんだか負けた気分がするのは自分だけ？ｗ

[o_hiroyuki]

cssでグリッドスタイル

[ku_marin]

さすが安定のIEさん、今回もだめですね！

[XIAORING]

framework grid layout multi column

[site159]

推奨環境をie8にしてしまえば　遠慮なく使用可能

[ftype]

ieはどうなのかな？/あーやっぱ使えないのか・・・

[kudakurage]

たった2行で

[suzuki107]

シンプルすぎて逆になんでこうなるのか分からんｗ display:inlineも使ってないのに…／あ、ie6だめなのね。さすがie。

[nors]

http://www.vcarrer.com/2010/10/two-lines-css-framework.html

[dekatotoro]

たった二行で、さまざまなカラムを設定するグリッドのフレームワーク

[kkeisuke]

display:table; display:table-cell;

[fukupage]

ほぼ等倍であれば、これは使えるフレームワーク。たった二行といシンプルさが嬉しいよね。

[Eimelle555]

すごくシンプルなので、色々応用できそう。

[Donca]

✔ [CSS]たった二行で、さまざまなカラムを設定するグリッドのフレームワーク