Height
height
CSS 属性指定了一个元素的高度。 默认情况下,这个属性决定的是内容区( content area)的高度, 但是,如果将 box-sizing 设置为 border-box ,这个属性决定的将是边框区域(border area)的高度。
语法
Class | 属性 |
---|---|
h-[0~375] | height: [0~375] px; |
h-2_1 | height: 50%; |
h-3_1 | height: 33.333333%; |
h-3_2 | height: 66.666667%; |
h-4_1 | height: 25%; |
h-4_2 | height: 50%; |
h-4_3 | height: 75%; |
h-5_1 | height: 20%; |
h-5_2 | height: 40%; |
h-5_3 | height: 60%; |
h-5_4 | height: 80%; |
h-6_1 | height: 16.666667%; |
h-6_2 | height: 33.333333%; |
h-6_3 | height: 50%; |
h-6_4 | height: 66.666667%; |
h-6_5 | height: 83.333333%; |
h-12_1 | height: 8.333333%; |
h-12_2 | height: 16.666667%; |
h-12_3 | height: 25%; |
h-12_4 | height: 33.333333%; |
h-12_5 | height: 41.666667%; |
h-12_6 | height: 50%; |
h-12_7 | height: 58.333333%; |
h-12_8 | height: 66.666667%; |
h-12_9 | height: 75%; |
h-12_10 | height: 83.333333%; |
h-12_11 | height: 91.666667%; |
h-full | height: 100%; |
h-auto | height: auto; |
示例
h-[0~375]
h-[0~375]
是指有 0 至 375 数之间这么多个 Class 样式,如:h-0
h-1
h-2
...... h-374
h-375