请尝试以下代码：

display: table-cell;
vertical-align: middle;

第二部分{高度：80%；宽度：100%；文本对齐：居中；显示：表格单元格；垂直对齐：中间；背景：#4CAF50；颜色：#fff；字体大小：50px；字体样式：斜体；}＜div＞Lorem Ipsum只是印刷和排版行业的虚拟文本。自15世纪以来，Lorem Ipsum一直是业界的标准虚拟文本</div>

我看到了前面的答案，它们只适用于屏幕的宽度（没有响应）。对于反应灵敏的用户，您必须使用flex。

例子：

div { display:flex; align-items:center; }

尝试转换属性：

#盒子{高度：90px；宽度：270px；位置：绝对；顶部：50%；左：50%；转换：转换（-50%，-50%）；}<div Id=“box”>Lorem ipsum dolor坐amet，consectetur adipiscing elit。</div>

请尝试以下代码：

display: table-cell;
vertical-align: middle;

第二部分{高度：80%；宽度：100%；文本对齐：居中；显示：表格单元格；垂直对齐：中间；背景：#4CAF50；颜色：#fff；字体大小：50px；字体样式：斜体；}＜div＞Lorem Ipsum只是印刷和排版行业的虚拟文本。自15世纪以来，Lorem Ipsum一直是业界的标准虚拟文本</div>

这是使用Flexbox的另一个选项。

#集装箱{显示：柔性；高度：200px；背景：橙色；}.儿童{边距：自动；}<div id=“container”><div class=“child”><span>Lorem ipsum dolor坐在amet consectetur adipiscing elit。鼹鼠，尼莫</span></div></div>

后果

这里有一篇关于CSS居中的好文章。过来看。

您可以通过添加以下CSS代码轻松完成此操作：

display: table-cell;
vertical-align: middle;

这意味着您的CSS最终看起来像：

#盒子{高度：90px；宽度：270px；背景：#000；字体大小：48px；字体样式：倾斜；颜色：#FFF；文本对齐：居中；页边空白：20px；左边距：5px；显示：表格单元格；垂直对齐：中间；}<div id=“box”>一些文本</div>