让line-height等于height，使文字垂直居中的方法，是否与字体有关

如题所述

举报该问题

第1个回答 2017-09-25

line-height行高是包含了文字的高度在内的，而height并非是文字的高度，而是文字所在标签的高度行高举例的话，假如行高设为30px，那么就是文字中心点距上或者距下各为15px，所以行高与标签的高度一样的时候就垂直居中了

第2个回答 2017-09-25

确实与字体有关。有些字体会偏上或偏下，如微软雅黑。
需要将行高作些微调。本回答被提问者采纳

相似回答

让line-height等于height,使文字垂直居中的方法,是否与字体有关答：与字体大小有关,比如:font-size:15px; line-height:2;(行高是字体大小的两倍)这样的话文字一定会垂直居中显示的本回答被网友采纳已赞过已踩过< 你对这个回答的评价是? 评论收起邵清河 2016-10-24 · 超过57用户采纳过TA的回答知道小有建树答主回答量:135 采纳率:0% 帮助的人:61.9万 ...

CSS为什么行高line-height与文字高度height设为一样大,文字就垂直居中...答：③结合以①②中的两个等式：当设置line-height等于height时，字符大小就是内容大小，而上下相同的行间距就相当于上下相同的padding。故，div中的内容居中=p元素的字符(撑满容器)居中。“如果此时我把行高调为60px，那么文字中心点距上或者距下各为30px，那不仍然是垂直居中吗？”你想想，你说的“垂直...

为什么只设置line-height就可以实现文本垂直居中效果_html/css_WEB-IT...答：其实在实际应用中，完全没有必要使用height属性，只用line-height就可以实现此功能，代码修改如下:蚂蚁部落div{ width:200px; background:#CCC; line-height:50px; text-align:center;}蚂蚁部落softwhy.com 上面的代码虽然没看使用height属性，同样可以产生一个高度，并且可以使文字垂直居中。看上去是不...

line-height与height高度相同,为什么就上下居中了答：height是块高度，line-height是单行高度。正常理解，在没有div的页面中，在一行里面，文字是垂直居中的。默认文字的单行高度是和文字的大小相关的，在此情况下，只显示一行的块，人为指定的块高度和单行的高度就不相同，导致了文字不能垂直居中，此时将单行高度强行设置为块高度，就去除了文字大小的影响，...

为什么设置line-height文字会居中答：而height这个属性是盒子属性的高度，盒子并没有像行高这样与上下的边距是相等的要求。而是默认在左上角所以不是行高line-height与文字高height一样就能让文字居中，而是应该这样理解，字符本来就在行高内垂直居中了，只是行高与文字的盒子高度不等，导致不能在盒子里垂直居中，如果我们把行高line-height与...

为什么把line-height设置为容器div的高度就能使文字垂直居中?答：这样的话，那文字就在这50px的空间内是居中的了（这个就是浏览器规定的，它就这个分配空间）。这样的话，如果你的DIV是50px，那么巧了，正好这行文字也就相对于DIV居中了。所以，这样一来呢，就有了“把line-height设置为容器div的高度就能使文字垂直居中”。不知道这么说是不是回答了你的问题。

大家正在搜

css让文字垂直居中文字垂直居中的css代码 css图片和文字没有垂直居中 css line height line height属性 flutter输入框文本居中两个div垂直居中css vertical-align div文字上下居中

让line-height等于height，使文字垂直居中的方...

让line-height等于height，使文字垂直居中的方...

CSS为什么行高line-height与文字高度height...

为什么把line-height设置为容器div的高度就能使文...

如何使文字在div中水平和垂直居中的css代码，<div>水...

为什么设置height 和 line height的高度一样...

让line-height等于height，使文字垂直居中的方...

DIV CSS如何让文字垂直居中？