Skip to content

Width

width 属性用于设置元素的宽度。width 默认设置内容区域的宽度,但如果 box-sizing 属性被设置为 border-box,就转而设置边框区域的宽度。

语法

Class属性
w-[0~375]width: [0~375]px;
w-2_1width: 50%;
w-3_1width: 33.333333%;
w-3_2width: 66.666667%;
w-4_1width: 25%;
w-4_2width: 50%;
w-4_3width: 75%;
w-5_1width: 20%;
w-5_2width: 40%;
w-5_3width: 60%;
w-5_4width: 80%;
w-6_1width: 16.666667%;
w-6_2width: 33.333333%;
w-6_3width: 50%;
w-6_4width: 66.666667%;
w-6_5width: 83.333333%;
w-12_1width: 8.333333%;
w-12_2width: 16.666667%;
w-12_3width: 25%;
w-12_4width: 33.333333%;
w-12_5width: 41.666667%;
w-12_6width: 50%;
w-12_7width: 58.333333%;
w-12_8width: 66.666667%;
w-12_9width: 75%;
w-12_10width: 83.333333%;
w-12_11width: 91.666667%;
w-fullwidth: 100%;
w-autowidth: auto;

示例

w-[0~375]

w-[0~375] 是指有 0 至 375 数之间这么多个 Class 样式,如:w-0 w-1 w-2 ...... w-374 w-375

参见