Есть ли рабочая реализация CSS3 Grid Layout для Webkit?

CSS Grid Layout, Editors Draft, 21 ноября 2011 г.

Я собираюсь создать прототип, который будет показан клиенту на выбранных устройствах и в браузерах. В настоящее время меня не беспокоит совместимость между браузерами.

IE10 Developer Preview имеет следующее:

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, а также последняя версия Safari для проверки сетки на Webkit.

Ответы

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

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