Line Height
line-height
CSS 属性用于设置多行元素的空间量,如多行文本的间距。对于块级元素,它指定元素行盒(line boxes)的最小高度。 对于非替代的 inline 元素,它用于计算行盒(line box)的高度。
语法
Class | 属性 |
---|---|
leading-1 | line-height: 12px; |
leading-2 | line-height: 16px; |
leading-3 | line-height: 20px; |
leading-4 | line-height: 24px; |
leading-5 | line-height: 28px; |
leading-6 | line-height: 32px; |
leading-7 | line-height: 36px; |
leading-8 | line-height: 40px; |
leading-9 | line-height: 48px; |
leading-10 | line-height: 56px; |
leading-none | line-height: 1; |
leading-tight | line-height: 1.25; |
leading-snug | line-height: 1.375; |
leading-normal | line-height: 1.5; |
leading-relaxed | line-height: 1.625; |
leading-loose | line-height: 2; |
适用组件
文本 | 按钮 | 多行输入框 |
---|---|---|
text | button | textarea |