[CSS]たった一行のスタイルシートでグリッドレイアウトを実装するフレームワーク

たった一行のスタイルシートでグリッドレイアウトを実装するフレームワークをCarrer web logから紹介します。

一行って異常に長いのかなと思いましたが、そんなに長くなく、この発想はちょっとなかったです。

.dp50{width:50%;float:left;display:inline;*margin-right:-1px;}

幅は50%の設計のため、2, 4, 8, 16pxなどのように倍々になります。
そのため、グリッドの主なパターンは下記のようになります。

黄金比でもできるかな、一行では無理か、、、

Post on:2009年6月3日

これはどういうものですか？
もう少し具体的に説明していただけると嬉しいです。
使い方も、CSSに加えるというのは読み取れたのですが、htmlの方にはどんなふうにしたらいいのでしょうか？

> コモドドラゴンさん

デモにあるように、divで配置したパネルにサイズや配置を指定したものです。
使い方は、そのdivのclassに「dp50」を指定します。
その指定を簡単に説明すると、パネルの横幅を全幅の50%にして左詰めで並べる、となります。

黄金比でできそうですか？

> wat さん

うーん、無理そうですね。