Question

bootstrap中文字如何做到垂直居中呢？

<div class="container"> <div class="row text-center"> <div class="col-md-12 alert alert-info"> <h3>友情提示：下面的内容用于生成裁判员名单和讲解员名单，请正确填写</h3> </div> <div class="row"> </div> </div></div>

这样文字似乎不能垂直居中啊

Answer 1

垂直居中可以用line-height属性。

Answer 2

bootstrap 由于里面内置css文件有些时候他会影响一些元素改起来是很麻烦的
如果想改记得使用css优先级! important方法.

例如：
想让文字垂直居中
line-height:25px!important;前提是他的父辈元素的高也是25px；

Answer 3

需要自己设个style ,在div 中设 height:50px;line-height:50px试试.

Answer 4

利用绝对定位的方法居中
加入一下css样式即可
style{ position: absolute; top: 50%; left: 50%;}

Answer 5

需要自己设个style ,在div 中设 height:50px;line-height:50px试试.

直居中只能使用这个代码
.center-vertical {
position:relative;
top:50%;
transform:translateY(-50%);