div内字体居中

最新推荐文章于 2023-07-14 13:32:49 发布

ZhangChuChu_9248

最新推荐文章于 2023-07-14 13:32:49 发布

阅读量7k

点赞数 7

分类专栏： html/js/css 文章标签： css3 css html

本文链接：https://blog.csdn.net/qq_45991812/article/details/125215331

版权

html/js/css 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

1》先设置一个div的宽高，使用text-align水平居中；

2》再使用line-height上下居中即可（line-height设置的高度需跟div的高度一致）。

3》代码示例：

<style>
  .ceter{ 
     color: rgba(52, 58, 63, 1);
     font-family: PingFang SC;
     font-weight: 600;
     font-size: 16px;
     text-align: center; /*水平居中 */
     line-height: 40px; /*垂直居中 */
   }
</style>

<body>
   <div class="ceter">居中</div>
</body>