CSS3 教程
CSS3 grid-columns 屬性
實(shí)例
為div元素添加網(wǎng)格線，一個(gè)右側(cè)200像素，另一個(gè)在剩余空間中：
div
{
grid-columns:50% * * 200px;
}
瀏覽器支持
目前沒(méi)有主流瀏覽器支持grid-columns屬性。
屬性定義及使用說(shuō)明
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)題、文本和圖片尺寸和位置的能力。
| 默認(rèn)值： | none |
|---|---|
| 繼承： | no |
| 版本： | CSS3 |
| JavaScript 語(yǔ)法： | object.style.gridColumns="50% * * 200px" |
語(yǔ)法
grid-columns: length|%|none|inherit;
| 值 | 描述 |
|---|---|
| length | 參考包含塊的網(wǎng)格。 |
| % | 參考包含塊的寬度。 |
| none | |
| inherit |