您可以使用css flexbox。

.推荐文本{高度：500px；填充：1em；显示：柔性；对齐项目：居中；对齐内容：中心；边框：1px实心#b4d2d2；}<div class=“推荐文本”>Lorem ipsum dolor sit amet，consectetur adipiscing elit，sed do eiusmod tempor incididunt ut labore et dolore magna aliqua。在最低限度的威尼斯，quis nostrud exerciation ullamco labour nisi Ut aliquip ex a commo consequat。Duis aute irure多尔代表在voluptate velit esse cillum dolore eu fugiat nullapariator。除了你偶尔犯下的错误外，你还得承担责任，这是因为你在实验室里表现得很糟糕。</div>

根据Adam Tomat的回答，我们准备了一个JSFiddle示例来对齐div中的文本：

<div class="cells-block">    
    text<br/>in the block   
</div>

通过在CSS中使用display:flex：

.cells-block {
    display: flex;
    flex-flow: column;
    align-items: center;       /* Vertically   */
    justify-content: flex-end; /* Horisontally */
    text-align: right;         /* Addition: for text's lines */
}

另一个例子和一篇博客文章中的一些解释。

如果需要与min-height属性一起使用，则必须将此CSS添加到：

.outerContainer .innerContainer {
    height: 0;
    min-height: 100px;
}

CSS:

.vertical {
   display: table-caption;
}

将此类添加到包含要垂直对齐的对象的元素中

使用flex时，请注意浏览器渲染的差异。

这对Chrome和Internet Explorer都很有效：

.外部{显示：柔性；宽度：200px；高度：200px；背景色：#ffc；}.内部{显示：柔性；宽度：50%；高度：50%；边距：自动；文本对齐：居中；对齐内容：中心；对齐项目：居中；背景色：#fcc；}活动任务</div></div>

与仅适用于Chrome的这款相比：

.外部{显示：柔性；宽度：200px；高度：200px；背景色：#ffc；}.内部{显示：柔性；宽度：50%；高度：50%；边距：自动；背景色：#fcc；}<div class=“outer”>活动任务</span></div></div>

我使用以下方法轻松地将随机元素垂直居中：

HTML格式：

<div style="height: 200px">
    <div id="mytext">This is vertically aligned text within a div</div>
</div>

CSS:

#mytext {
    position: relative;
    top: 50%; 
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

这将使我的div中的文本位于200px高的外部div的垂直中间。请注意，您可能需要使用浏览器前缀（如我的例子中的-webkit）来使其适用于您的浏览器。

这不仅适用于文本，也适用于其他元素。