侧边栏壁纸
博主头像
lai博主等级

  • 累计撰写 29 篇文章
  • 累计创建 14 个标签
  • 累计收到 0 条评论

目 录CONTENT

文章目录

【css技巧】单行文本在div中垂直居中

lai
lai
2021-09-08 / 0 评论 / 0 点赞 / 506 阅读 / 129 字
温馨提示:
本文最后更新于 2021-09-08,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。

单行文本在div中垂直居中可以通过设置文本line-height与div高度相同,达到垂直居中的目的

text-align控制文字水平方向居中
line-height控制垂直居中

<div style="width:100px;border:1px solid;
	height:50px;text-align:center;line-height:50px;background-color:#a399e5">
	需要居中
</div>

展示结果如下图

需要居中
0

评论区