line-height带单位与不带单位的区别是什么

小编给大家分享一下line-height带单位与不带单位的区别是什么，希望大家阅读完这篇文章后大所收获，下面让我们一起去探讨吧！

创新互联是专业的尼开远网站建设公司，尼开远接单;提供成都网站制作、成都网站设计,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行尼开远网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

一：line-height什么意思

line-height是用来表示行高，用于控制文字间的间距，我们可以使用line-height来设置表格的中心位置，也可以用line-height表示内容在表格中的长度。

用法：

创新互联

此时，文本"创新互联"会在整个div的左上角。

创新互联

二：line-height带单位与不带单位的区别

在上述代码中，我们可以看到line-height:100px中有一个px单位，那么line-height带单位与不带单位有什么区别呢，我们先看一张图:

很多人看到都不会感到陌生，都会以为是line-height导致的，其实我们为了实现一行文字的垂直居中，就会给line-height加一个固定的值，而在有的时候，我们在调整行间距的时候，一般会加上px或者百分比，遇到这种情况下，我们是不考虑继承，就不会出现任何问题，我们使用到继承的时候，就会初夏以上的问题。

其实只要是line-height继承，都会发生重叠的现象，如果出现line-height后面数字跟单位的话，则继承的值就会换算到一个具体的值，没有后面没有单位的话，就直接继承数值，会根据本身的属性从新计算。

看完了这篇文章，相信你对line-height带单位与不带单位的区别是什么有了一定的了解，想了解更多相关知识，欢迎关注创新互联行业资讯频道，感谢各位的阅读！

网站名称：line-height带单位与不带单位的区别是什么
文章源于：http://mswzjz.cn/article/jjoeje.html