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

Posted 2023-03-28

<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>

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

垂直居中可以用line-height属性。 参考技术A bootstrap 由于里面内置css文件有些时候他会影响一些元素改起来是很麻烦的
如果想改记得使用css优先级! important方法.

例如：
想让文字垂直居中
line-height:25px!important;前提是他的父辈元素的高也是25px； 参考技术B 需要自己设个style ,在div 中设 height:50px;line-height:50px试试.本回答被提问者采纳 参考技术C 利用绝对定位的方法居中
加入一下css样式即可
style position: absolute; top: 50%; left: 50%; 参考技术D

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

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