CSS3 grid-columns 屬性

2022-06-02 16:04 更新

CSS3 grid-columns 屬性

實(shí)例

為div元素添加網(wǎng)格線,一個(gè)右側(cè)200像素,另一個(gè)在剩余空間中:

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


瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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


屬性定義及使用說(shuō)明

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

提示: 使用網(wǎng)格系統(tǒng)對(duì)于打印設(shè)計(jì)師來(lái)說(shuō)具有巨大的價(jià)值?,F(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


以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)