如何垂直对齐中间警报解除按钮？

Question

如何垂直居中对齐引导程序警报关闭按钮？

<div class="alert alert-dismissible alert-info" role="alert">
<div class="alert-message">
Multi<br>
Line<br>
Alert
</div>
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
</div>

小提琴： https: //jsfiddle.net/b5asr9xj/4/

divalert-message 之所以存在只是因为我正在使用 jQuery.html 来更新其中的内容......

Answer 1

您可以将文本包装在<p></p>标签中，然后text-align: center;对其进行设置。

更新了小提琴

这能解决您的问题吗？