码迷,mamicode.com
首页 > 其他好文 > 详细

line-height

时间:2017-06-10 23:30:24      阅读:199      评论:0      收藏:0      [点我收藏+]

标签:高度   百分比   计算   距离   默认值   默认   相对   内容   行高   

line-height:两行文字基线之间的距离

基线:就是英文薄每一行都有四条线,从上到下分别是,顶线、中线、基线、底线(基线不是最下面的一根线),

行高:两行基线的垂直距离

行距:上一行底线到下一行顶线的垂直距离,就是两行文字间的间隙

半行距:半行的距离

内容区:行盒子顶线到底线垂直距离

行框:两行文字半行距分割线的垂直距离

height和line-height

line-height有默认值,不规定行距浏览器会采用默认值,一行文字高度行距决定,height是整个段落的高度,单行文字line-height=height文字居中,当line-height值为百分比值或者em,当前元素行高是相对于父级元素的font-size的值来计算的

line-height

标签:高度   百分比   计算   距离   默认值   默认   相对   内容   行高   

原文地址:http://www.cnblogs.com/chenslu/p/6980122.html

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