每天CSS学习之line-height

时间：2017-08-21 22:46:02 阅读：334 评论：0 收藏：0 [点我收藏+]

line-height是CSS的一个属性，其作用是设置行高。其有以下几种值：

1、normal：自动设置合理的行间距。该值是默认值。如下示例：

            p{        
                line-height:normal;
            }

结果：

技术分享

2、number：即数字。该数字会与当前字体尺寸相乘来设置行间距。如下示例：

            p{        
                line-height:1; //行间距就是一个字体的尺寸
            }

结果：

技术分享

3、length：即带单位的长度，设置固定的行间距。如下示例：

            p{        
                line-height:10px; //设置行间距为固定的10px
            }

结果：

技术分享

4、百分比：基于当前字体尺寸的百分比来设置行间距。如下示例：

            p{        
                line-height:50%; //即按照当前字体尺寸的一半来设置行间距
            }

结果：

技术分享

原文：http://www.cnblogs.com/williamwsj/p/7407011.html

踩

(0)

评论一句话评论（0）

分享档案

更多>