这将使文本垂直居中：

.父级{显示：内联柔性}.推荐文本{边距顶部：自动；边距底部：自动；}<div class=“parent”><div class=“推荐文本”>你好，世界</div></div>

您可以通过将显示设置为“表格单元格”并应用垂直对齐：middle；：

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

然而，根据我从中复制的摘录，这并非所有版本的Internet Explorer都支持http://www.w3schools.com/cssref/pr_class_display.asp未经许可。

注意：Internet Explorer 7和更早版本不支持值“内联表”、“表”、表标题、表单元格、表列、表列组、表行、表行组和继承”。Internet Explorer 8需要！DOCTYPE。Internet Explorer 9支持这些值。

下表显示了允许的显示值http://www.w3schools.com/cssref/pr_class_display.asp.

HTML格式：

<div class="col-md-2 ml-2 align-middle">
    <label for="option2" id="time-label">Time</label>
</div>

CSS：

.align-middle {
    margin-top: auto;
    margin-bottom: auto;
}

尝试嵌入表元素。

＜div＞<table style='width:200px；高度：100px；'><td style='vertical-align:middle；'>哥本哈根</td></table></div>

您可以使用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>

检查此简单解决方案：

HTML

<div class="block-title"><h3>I'm a vertically centered element</h3></div>

CSS

.block-title {
    float: left;
    display: block;
    width: 100%;
    height: 88px
}

.block-title h3 {
    display: table-cell;
    vertical-align: middle;
    height: inherit
}

JSFiddle公司