欢迎光临
我的个人博客网站

如何使用CSS将文本垂直居中?

我有一个<div>包含文本元素,我想对齐此<div>垂直中心的内容

这是我的<div>风格:

 

#box {   height: 170px;   width: 270px;   background: #000;   font-size: 48px;   color: #FFF;   text-align: center; }
<div id="box">   Lorem ipsum dolor sit </div>

解决方案:解决方案:解决方案:解决方案:解决方案:解决方案:解决方案:解决方案:解决方案:解决方案:解决方案:
解决方案:解决方案:解决方案:解决方案:解决方案:解决方案:解决方案:解决方案:解决方案:解决方案:解决方案:
解决方案:解决方案:解决方案:解决方案:解决方案:解决方案:解决方案:解决方案:解决方案:解决方案:解决方案:
解决方案:解决方案:解决方案:解决方案:解决方案:解决方案:解决方案:解决方案:解决方案:解决方案:解决方案:
解决方案:解决方案:解决方案:解决方案:解决方案:解决方案:解决方案:解决方案:解决方案:解决方案:解决方案:
解决方案:解决方案:解决方案:解决方案:解决方案:解决方案:解决方案:解决方案:解决方案:解决方案:解决方案:

 

 

您可以尝试以下基本方法:

 

div {   height: 100px;   line-height: 100px;   text-align: center;   border: 2px dashed #f69c55; }
<div>   Hello World! </div>

本文首发于前端黑洞网,博客园同步跟新

赞(0) 打赏
未经允许不得转载:张拓的天空 » 如何使用CSS将文本垂直居中?
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

专业的IT技术经验分享 更专业 更方便

联系我们本站主机

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏