Advertisement

line-height的使用方式

阅读量:

line-height

line-height 属性用于调节多行元素之间的垂直间距,默认值为1.0表示无额外间距。在块级容器中,默认情况下该属性规定了每个线框单元格(line box)所具有的最小高度;而对于那些不占满完整宽度但又不能被视为块级内容的单个文字或标记,则会根据此属性来计算其对应的单元格高度值。

一、line-height 属性被指定为以下任何一个:

复制代码
    /* Keyword value */
    line-height: normal; 
    取决于用户端。桌面浏览器(包括Firefox)使用默认值,约为1.2,这取决于元素的 font-family。
复制代码
    /* Unitless values: use this number multiplied
    by the element's font size */
    line-height: 3.5;
复制代码
    /* <length> values */
    line-height: 3em;
    指定<长度>用于计算 line box 的高度。参考<长度>了解可使用的单位。以 em 为单位的值可能会产生不确定的结果
复制代码
    /* <percentage> values */
    line-height: 34%;
    与元素自身的字体大小有关。计算值是给定的百分比值乘以元素计算出的字体大小。百分比值可能会带来不确定的结果
复制代码
    /* Global values */
    line-height: inherit;
    line-height: initial;
    line-height: unset;

属性是可以继承的!!!

二、line-height具体效果

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

全部评论 (0)

还没有任何评论哟~