文字垂直居中

最新推荐文章于 2024-07-31 16:33:26 发布

原创最新推荐文章于 2024-07-31 16:33:26 发布 · 154 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#css #垂直居中

css 专栏收录该内容

8 篇文章

订阅专栏

本文介绍两种文字居中方法：单行文字使用text-align和line-height属性；多行文字通过display和vertical-align属性实现。适用于前端开发人员掌握网页布局技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、单行文字水平垂直居中，text-align:center，line-height=height。如果没有高，父元素设置上下padding。
2、多行文字垂直居中，父元素有高度：设置父元素display: table，子元素display: table-cell，vertical-align: middle。父元素没高度，同上，设置上下padding。