CSS grid-columns 屬性

  • 上一頁
  • 下一頁

瀏覽器支持

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

定義和用法

grid-columns 屬性網格中每列的寬度。

提示:使用網格系統對于打印設計師來說具有巨大的價值。現在相同的改變被應用到在線內容上。網格屬性提供了在可伸縮網格中調整標題、文本和圖片尺寸和位置的能力。

實例

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

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

CSS 語法

grid-columns: length|%|none|inherit;

屬性值

描述
length 參考包含塊的網格。
% 參考包含塊的寬度。
none
inherit

技術細節

默認值: none
繼承性: no
版本: CSS3
JavaScript 語法: object.style.gridColumns="50% * * 200px"
  • 上一頁
  • 下一頁