如何使用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>

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

原文转载：http://www.shaoqun.com/a/710770.html

跨境电商：https://www.ikjzd.com/

新蛋：https://www.ikjzd.com/w/79

好卖家：https://www.ikjzd.com/w/776

我有一个<div>包含文本的元素，我想对齐此<div>垂直中心的内容。这是我的<div>风格：#box{height:170px;width:270px;background:#000;font-size:48px;color:#FFF;text-align:center;}<divid="box">Loremipsumdolor
汇通天下：https://www.ikjzd.com/w/2055
抢注商标：https://www.ikjzd.com/w/1053
心怡：https://www.ikjzd.com/w/1327
恶心 老公闻保姆内衣一脸陶醉：http://www.30bags.com/a/252006.html
女人喜欢后面进还是前面 老公要我跪着从后面：http://www.30bags.com/m/a/250121.html
女友闺蜜好紧好爽再浪一点 女友闺蜜很紧水很多：http://lady.shaoqun.com/a/247865.html