scss CSS Grid Basic语法
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了scss CSS Grid Basic语法相关的知识,希望对你有一定的参考价值。
.container {
display: grid;
grid-template-columns: 2fr 6fr 2fr;
grid-template-rows: 1fr;
display: -ms-grid;
-ms-grid-columns: 2fr 6fr 2fr;
-ms-grid-rows: 1fr;
.item1 {
grid-row: 1;
grid-column: 1;
-ms-grid-row: 1;
-ms-grid-column: 1;
}
.item2 {
grid-row: 1;
grid-column: 2;
-ms-grid-row: 1;
-ms-grid-column: 2;
}
.item3 {
grid-row: 1;
grid-column: 3;
-ms-grid-row: 1;
-ms-grid-column: 3;
}
}
以上是关于scss CSS Grid Basic语法的主要内容,如果未能解决你的问题,请参考以下文章
scss CSS Grid变量列
scss SCSS:CSS Wizardry Grid Mod - 使用AdobeBlank和数字命名空间
scss IE 11 - CSS Grid - SASS mixins
用于 css3 关键帧动画的 SASS(不是 SCSS)语法
uniapp踩坑记录-外部scss文件使用scss语法不生效
uniapp外部scss文件使用scss语法不生效