實(shí)例

在 div 元素中部添加一個(gè)網(wǎng)格行，距右側(cè) 200 像素處添加另一個(gè)，在余下空間的中間再添加一個(gè)：

div
{
grid-columns:50% * * 200px;
}

瀏覽器支持

目前沒(méi)有瀏覽器支持 grid-columns。

定義和用法

grid-columns 屬性網(wǎng)格中每列的寬度。

提示：使用網(wǎng)格系統(tǒng)對(duì)于打印設(shè)計(jì)師來(lái)說(shuō)具有巨大的價(jià)值。現(xiàn)在相同的改變被應(yīng)用到在線內(nèi)容上。網(wǎng)格屬性提供了在可伸縮網(wǎng)格中調(diào)整標(biāo)題、文本和圖片尺寸和位置的能力。

語(yǔ)法

grid-columns: length|%|none|inherit;