line-height什么意思?line-height带单位与不带单位的区别
一:line-height什么意思
line-height是用来表示行高,用于操纵文字间的间距,我们可以使用line-height来设定表格的中心位置,也可以用line-height表示内容在表格中的长度。
用途:
<div style="height:100px"> 百分百源码网 </div> 此时,文本"百分百源码网"会在整个div的左上角。 <div style="height:100px;line-height:100px"> 百分百源码网 </div>
结果如下:
二:line-height带单位与不带单位的不同
在上述代码中,我们可以看到line-height:100px中有一个px单位,那么line-height带单位与不带单位有什么不同呢,我们先看一张图:
许多人看到都不会感到生疏,都会认为是line-height致使的,其实我们为了实现一行文字的垂直居中,就会给line-height加一个牢固的值,而在有的时候,我们在调整行间距的时候,一样会加上px或者百分比,碰到这种状况下,我们是不思考继承,就不会显现任何问题,我们使用到继承的时候,就会初夏以上的问题。
其实只如果line-height继承,都会发生重叠的现象,假如显现line-height后面数字跟单位的话,则继承的值就会换算到一个详细的值,没有后面没有单位的话,就直接继承数值,会按照本身的属性从新运算。
以上就是对line-height什么意思?line-height带单位与不带单位的不同的全部介绍,假如你想理解更多有关HTML视频教程,请关注百分百源码网。
以上就是line-height什么意思?line-height带单位与不带单位的不同的具体内容,更多请关注百分百源码网其它相关文章!