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

发布时间：2020-12-18 00:26:53 所属栏目：安全来源：网络整理

导读：我正在使用 Bootstrap警报,这是我的成功警报信息： div class="alert alert-success" id="UploadSuccess" a class="close" data-dismiss="alert"×/a strongCongrats!/strong You have successfully did it!./div 结果是：您可以看到文本对齐方式位于 divgt

我正在使用 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; }

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!