line-height行高是包含槐岩了文字的高度在内的,而纳明和height并非是文字的高度,而是文字所在标签的高度
行高举例的话,洞盯假如行高设为30px,那么就是文字中心点距上或者距下各为15px,所以行高与标签的高度一样的时候就垂直居中了
height是块高度,line-height是单行高度。正常理解,在没有div的页面中,在一行里面,文字是垂直居中的。
默认文字的单行高度是和文字的大小相关的,穗坦在此情况下,只显示瞎族如一行的块,人为指定的块高度和单行的高度就不相同,导致了文字不磨启能垂直居中,此时将单行高度强行设置为块高度,就去除了文字大小的影响,实现了文字的垂直居中效果!
height是div区块的高度;
line-hight是字间距;
你的第一个代码设置了div区块的高度,没有设置字间距,文字拦敬默认顶端对齐。
第二个代码,简含慎设置了字间老友距,就与上一个div底部把持了一段距离,也就是你所说的"在中间"了。
height=高度,line-height=行高
line-height行高
写法:
line-height:1.5 没有单位的 按倍数 一般这个用悔信启的比较多 没有限制
line-height:1.5em 按在字符
line-height:20px 按像素
还有这样的 font:12px/1.5 Arial; 意思是:文字12像素碧如 1.5倍行高 Arial字体
height就是坦锋高度,高度还有一个最小高度min-height
line-height:行高 设森芦置文字间上下距离还有可以让团春姿层里面的东西可以垂直居中
height:高度 就是定义一个层 或某样东西的高度塌绝啦
通俗的告诉你。
网页的链搜所有元素可以分为块元素和行元素。
一行文字所在的一个逻辑区域是行元素,其他的元素就缺唤团都是块元素。
line-height只针对行元素,height针对其伏橘他所有元素。
line-height是设置文字行高
height是设置睁银元素的高度
例如把一个div标签设置高度(height)为60px;div中文字行高(line-height)也为60px;那么里面的文字就会相对悉陆宴这个div标签垂直居中
div{height:60px;width:100px;line-height:60px;}
垂直居中于div的文字
以上就是土嘎嘎小编大虾米为大家整理的lineheight和height的区别_line-height是什么意思相关主题介绍,如果您觉得小编更新的文章对您有所帮助,不要忘记讲本站分享给您身边的朋友哦!!