CSS3 grid-columns 屬性

2018-07-22 21:43 更新

實例

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

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

瀏覽器支持

目前沒有瀏覽器支持 grid-columns。

定義和用法

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

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

默認(rèn)值: none
繼承性: no
版本: CSS3
JavaScript 語法: object.style.gridColumns="50% * * 200px"

語法

grid-columns: length|%|none|inherit;
描述
length 參考包含塊的網(wǎng)格。
% 參考包含塊的寬度。
none
inherit
以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號