CSS grid-columns 屬性
瀏覽器支持
目前沒有瀏覽器支持 grid-columns。
定義和用法
grid-columns 屬性網格中每列的寬度。
提示:使用網格系統對於打印設計師來說具有巨大的價值。現在相同的變化被應用到在線內容上。網格屬性提供了在可伸缩網格中調整標題、文本和圖片尺寸和位置的能力。
範例
在 div 元素中部添加一個網格行,距右側 200 像素處添加另一個,在餘下空間的中间再添加一個:
div { grid-columns:50% * * 200px; }
CSS 語法
grid-columns: 長度|%|none|繼承;
屬性值
值 | 描述 |
---|---|
長度 | 參考包含塊的網格。 |
% | 參考包含塊的寬度。 |
none | |
繼承 |
技术细节
默认值: | none |
---|---|
继承性: | no |
版本: | CSS3 |
JavaScript 语法: | object.style.gridColumns="50% * * 200px" |