为了账号安全,请及时绑定邮箱和手机立即绑定

height为百分比时,line-height如何设置才能使文本垂直居中

height为百分比时,line-height如何设置才能使文本垂直居中

正在回答

5 回答

在文字所在容器设置

display: flex;justify-content: center;align-items: center;


2 回复 有任何疑惑可以回复我~

我不是喷子,平时遇见新闻游戏什么的从不花时间评论,但这次我真的不淡定了,学习时间本来就宝贵,我自己也遇到同样的问题.

0 回复 有任何疑惑可以回复我~

还他妈说的一套一套的,就你能是不是?

0 回复 有任何疑惑可以回复我~

我很不想骂人,但是这种"谋财害命的事情"令我深恶痛绝,不知道不要瞎BB行么?

0 回复 有任何疑惑可以回复我~

line-height呢,你可以理解为每行文字所占的高度。
比如说,有一行20px大小的文字,如果设置为line-height:50px,那就是说,这行文字的高度会占50px。
显然,每个字的大小只有20px,那怎么边呢?于是呢,浏览器就把多出来的30px(50px-20px)在这行文字的上面加上了15px,下面加上了15px。
这样的话,那文字就在这50px的空间内是居中的了(这个就是浏览器规定的,它就这个分配空间)。
这样的话,如果你的DIV是50px,那么巧了,正好这行文字也就相对于DIV居中了。
所以,这样一来呢,就有了“把line-height设置为容器div的高度就能使文字垂直居中”。

0 回复 有任何疑惑可以回复我~
#1

有一种成熟叫认怂 提问者

谢谢幕友的耐心回答,但是幕友的回答并没有解决我的问题,可能我问得不够细致吧。
2016-01-28 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
网页布局基础
  • 参与学习       214705    人
  • 解答问题       1756    个

让你精通CSS中三大定位机制,彻底掌握网页布局的相关知识

进入课程

height为百分比时,line-height如何设置才能使文本垂直居中

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信