css - 如何在 Twitter Bootstrap 中使用 CSS 将文本对齐到元素的中间？

Question

我正在使用 Bootstrap警报，这是我的成功警报消息:

<div class="alert alert-success" id="UploadSuccess">
    <a class="close" data-dismiss="alert">×</a>
    <strong>Congrats!</strong> You have successfully did it!.
</div>

结果是:

如您所见，文本对齐位于 <div> 的顶部.那么，我如何将它对齐到中间呢？

我试过使用 padding-top和 vertical-align:middle但都不起作用(我最终得到了相同的结果)。

我需要做什么来更改文本的垂直对齐方式？

Answer 1

让div的line-height和div的height一样，eg:

#UploadSuccess { height: 20px; line-height: 20px; }

这仅在您只有一行文本时才有效。