CSS3 grid-columns 屬性
實例
為div元素添加網格線,一個右側200像素,另一個在剩余空間中:
div
{
grid-columns:50% * * 200px;
}
{
grid-columns:50% * * 200px;
}
瀏覽器支持
目前沒有主流瀏覽器支持grid-columns屬性。
屬性定義及使用說明
grid-columns屬性指定網格中的每一列的寬度。
提示: 使用網格系統(tǒng)對于打印設計師來說具有巨大的價值?,F(xiàn)在相同的改變被應用到在線內容上。網格屬性提供了在可伸縮網格中調整標題、文本和圖片尺寸和位置的能力。
默認值: | none |
---|---|
繼承: | no |
版本: | CSS3 |
JavaScript 語法: | object.style.gridColumns="50% * * 200px" |
語法
grid-columns: length|%|none|inherit;
值 | 描述 |
---|---|
length | 參考包含塊的網格。 |
% | 參考包含塊的寬度。 |
none | |
inherit |
更多建議: