在Twitter Bootstrap中如何使用CSS将文本与元素的中间对齐?

前端之家收集整理的这篇文章主要介绍了在Twitter Bootstrap中如何使用CSS将文本与元素的中间对齐?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用 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&gt那么,II如何将它与中间对齐? 我已经尝试使用padding-top和vertical-align:middle,但都没有工作(我最终得到相同的结果). 我需要做些什么来改变文本的垂直对齐方式?

解决方法

使div的线高与div的高度相同,例如:
#UploadSuccess { height: 20px; line-height: 20px; }

这只有在你有一行文本的情况下才有效.

原文链接:https://www.f2er.com/bootstrap/233784.html

猜你在找的Bootstrap相关文章