flexible ボックスメモ - hogehoge @teramako
Firefox 18.0a(Nightly) で CSS Flexible Box Layout Module が実装されつつある。 その辺りは、FirefoxのFlexbox実装、進行中 - fragmentary 辺りを参照ってことで。 まぁともかく、about:config の値 layout.css.flexbox.enabled を true にすれば、少し試すことができる。 んで、Using CSS flexible boxes - CSS | MDN を読みつつ勉強。そのメモをば。 flex containerdisplay: flex; な要素。その子要素がflex itemとなり、フレキシブルなレイアウトを実現する。 レイアウトには主軸(main axis)となる方向がある。上図では横方向(row)のレイアウトになっている。この方向を決めるのが、flex-directio
CSS Flexible Box Layout Moduleで均等幅にレイアウトする - くらげだらけ
最近ではベンダープレフィックスも無くす方向に向かっているようですね。 数年前に比べればCSS3プロパティも使えるような状況になってきているような気がします。いや気がしているだけかもしれません。 まぁ、現状webkitが支配しているモバイルブラウザ環境ではCSS3だって使えますしね。 display: box 横幅を均等に分けてレイアウトしたいみたいなときにFlex boxは便利なプロパティですが、どんな感じにするのがいいのかを書いてみようと思います。 Flexible Boxの仕様はころころ変わってて、最初は「display: box」最新は「display: flex」だったりしますが、まずは「display: box」でやってみます。 http://www.w3.org/TR/2009/WD-css3-flexbox-20090723/ <div class="flex-box"> <
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
