码迷,mamicode.com
首页 > Web开发 > 详细

每天CSS学习之line-height

时间:2017-08-21 23:01:15      阅读:302      评论:0      收藏:0      [点我收藏+]

标签:img   alt   bsp   span   百分比   line   ber   作用   pre   

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%; //即按照当前字体尺寸的一半来设置行间距
            }

结果:

技术分享

 

每天CSS学习之line-height

标签:img   alt   bsp   span   百分比   line   ber   作用   pre   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!