[CSS]格子をベースにコンテナを配置するレイアウトのアイデア
Post on:2009年3月16日
sponsors
格子をベースにコンテナを配置するレイアウトのアイデアをSNOOK.caから紹介します。
※現在、実装できるテクニックではありません。
簡単に説明すると、格子状にしたマス目に座標ベースで配置するというものです。
下記の例では、2x3のマス目に配置しています。
|
1 2 3 4 5 |
<textarea name="code" class="css" cols="60" rows="5"> #a { position: matrix(1,1); } #b { position: matrix(2,2); } #c { position: matrix(1,3); } </textarea> |
ぱっと見、テーブルレイアウトの延長のようにも感じるのですが、縦横方向への可変や、コンテナを重ねて配置するなど、ちょっと興味深いものに感じました。
sponsors
