Webkit用のCSS3 Grid Layoutが実装されていますか？

Question

CSS Grid Layout, Editor’s Draft, 21 November 2011

私が選択したデバイスやブラウザにクライアントに表示されます、プロトタイプの生産の真っ只中にいます。私はこの時点でブラウザ間の互換性について心配していません。

IE10の開発者プレビューには、以下があります。

display: -ms-grid; 
-ms-grid-columns: ; 
-ms-grid-rows: ; 
-ms-grid-column: ; 
-ms-grid-row: ; 
-ms-grid-row-align: stretch; 
columns: ; 
column-fill: auto; 
column-gap: ; 

Mozillaは（私はまだ、それが動作するかどうかをテストしていません）上記に類似したに見逃さ。しかし、非常に異なる実装を持っているように見えるのWebKit：

display: -webkit-box; 
-webkit-columns: ; 
-webkit-column-gap: ; 

は今、同じ仕様を使用してWebkitのある、またはこれは全く別のモデルのためにあるのですか？それは同じ仕様を使用している場合は、構文が何のためにあるのか私に言うことができる：

grid-columns: ; 
grid-rows: ; 
grid-column: ; 
grid-row: ; 

そして、それは別のモデルを使用している場合、あなたは私の構文が何であるかを教えてください可能性があり、それがどのように異なりますかMS E10。参考になります。

私はGoogle Chrome Canaryをインストールしているだけでなく、WebkitのグリッドをテストするためのSafariの最新バージョンもインストールしておく必要があります。

Answer 1

http://caniuse.com/css-grid

2017年3月の時点で、かなりの数のブラウザでは、今のCSSグリッドレイアウトをサポートしています。

---

古い答え：

ここで、作品に何かありますその実装の完全な発行ツリーです：

ここ

https://bugs.webkit.org/showdependencytree.cgi?id=60731&hide_resolved=0

はthis fileからいくつかのCSSです：

.gridWithFixed { 
    display: -webkit-grid; 
    -webkit-grid-columns: 7px 11px; 
    -webkit-grid-rows: 17px 2px; 
} 

あなたが意図を見ることができます。残念なことに、彼らはCSSを解析することしかできませんでした。

今、WebKitではこれが実際に実装されていないようです。

Grid Layoutは非常に貧弱なサポートがありますが、Flexboxはまともなサポートを提供しています（明らかにIE10を含む）。代わりにFlexboxを使用することをお勧めします。

Answer 2

Chrome Canaryは、CSS Grid Layout TR 20130910を実装しています。私はいくつかのプロパティ名に若干の違いがあることを発見しました。 Steven Bradley summarizes the TRと、グリッドレイアウトを使い始める方法についてinstructions and examplesを提供しています。 Canaryで実験的機能を有効にするには、アドレスバーに次の情報をコピーして貼り付けてください。

chrome://flags/#enable-experimental-web-platform-features 

[有効]をクリックしてください。