[CSS]たった一行のスタイルシートでグリッドレイアウトを実装するフレームワーク
Post on:2009年6月3日
たった一行のスタイルシートでグリッドレイアウトを実装するフレームワークをCarrer web logから紹介します。

1 line CSS Grid Framework
demo 3
一行って異常に長いのかなと思いましたが、そんなに長くなく、この発想はちょっとなかったです。
1 2 3 |
<textarea name="code" class="css" cols="60" rows="5"> .dp50{width:50%;float:left;display:inline;*margin-right:-1px;} </textarea> |
幅は50%の設計のため、2, 4, 8, 16pxなどのように倍々になります。
そのため、グリッドの主なパターンは下記のようになります。

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