课程
/前端开发
/HTML/CSS
/网页布局基础
height为百分比时,line-height如何设置才能使文本垂直居中
2016-01-27
源自:网页布局基础 3-3
正在回答
在文字所在容器设置
display: flex;justify-content: center;align-items: center;
我不是喷子,平时遇见新闻游戏什么的从不花时间评论,但这次我真的不淡定了,学习时间本来就宝贵,我自己也遇到同样的问题.
还他妈说的一套一套的,就你能是不是?
我很不想骂人,但是这种"谋财害命的事情"令我深恶痛绝,不知道不要瞎BB行么?
line-height呢,你可以理解为每行文字所占的高度。比如说,有一行20px大小的文字,如果设置为line-height:50px,那就是说,这行文字的高度会占50px。显然,每个字的大小只有20px,那怎么边呢?于是呢,浏览器就把多出来的30px(50px-20px)在这行文字的上面加上了15px,下面加上了15px。这样的话,那文字就在这50px的空间内是居中的了(这个就是浏览器规定的,它就这个分配空间)。这样的话,如果你的DIV是50px,那么巧了,正好这行文字也就相对于DIV居中了。所以,这样一来呢,就有了“把line-height设置为容器div的高度就能使文字垂直居中”。
有一种成熟叫认怂 提问者
举报
让你精通CSS中三大定位机制,彻底掌握网页布局的相关知识