首頁  >  文章  >  web前端  >  css grid-columns屬性怎麼用

css grid-columns屬性怎麼用

silencement
silencement原創
2019-05-28 09:27:182466瀏覽

css grid-columns屬性怎麼用

css grid-columns屬性定義及用法

在css中,grid-columns屬性是使用來設定網格中的每一列的寬度,使用網格系統對於列印設計師來說具有巨大的價值。現在相同的改變被應用到線上內容。網格屬性提供了在可伸縮網格中調整標題、文字和圖片尺寸和位置的能力。

css grid-columns屬性是css3中新增屬性,目前主流瀏覽器都還不支援該屬性。

css grid-columns屬性語法格式

css語法:grid-columns: length|%|none|inherit;

#JavaScript語法:object .style.gridColumns="50% * * 200px";

css grid-columns屬性值說明

length:參考包含區塊的網格

%:參考包含區塊的寬度

none:無

inherit:從父元素繼承該屬性的屬性值

以上是css grid-columns屬性怎麼用的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn