前端学堂
学有所用

如何竖直居中一个元素

面试笔试分类: CSS如何竖直居中一个元素
0
前端学堂 管理员 asked 3 years ago
2 Answers
0
前端学堂 管理员 answered 3 years ago

参考资料:6 Methods For Vertical Centering With CSS。 盘点8种CSS实现垂直居中

  • 需要居中元素为单行文本,为包含文本的元素设置大于font-sizeline-height
<p class="text">center text</p>

<style>
.text {
    line-height: 200px;
}
</style>
0
前端学堂 管理员 answered 2 years ago

学习和使用flexbox布局 看下这个,解决的是设置line-height后android内容显示偏上的问题。

 

一分也是爱,觉得好请我喝杯咖啡吧!

支付宝扫一扫打赏

微信扫一扫打赏