Css 垂直对齐文本不适用于引导类
我知道如何通过降低内部div的高度并将其绝对位置指定为top、bottom、left、right=0,margin:auto属性来垂直对齐文本 我也知道display:flex布局,但它也不能正常工作。 问题是Css 垂直对齐文本不适用于引导类,css,Css,我知道如何通过降低内部div的高度并将其绝对位置指定为top、bottom、left、right=0,margin:auto属性来垂直对齐文本 我也知道display:flex布局,但它也不能正常工作。 问题是显示:表和垂直对齐不能与引导类一起正常工作。我的div很简单,我给它指定了适当的高度,我的内部div降低了高度,所以它应该垂直对齐,但它没有。我用的是bootstrap。我不想用绝对位置来居中。有什么想法吗 <div class="col-sm-3" style="height:65
显示:表
和垂直对齐
不能与引导类一起正常工作。我的div很简单,我给它指定了适当的高度,我的内部div降低了高度,所以它应该垂直对齐,但它没有。我用的是bootstrap。我不想用绝对位置来居中。有什么想法吗
<div class="col-sm-3" style="height:65px;display:table;vertical-align:middle;">
<div style="display:table-cell;vertical-align:middle">abcabcabc</div>
</div>
ABCABC
使用引导时,垂直对齐是通过“显示:内联块”完成的
您可以在这里查看-使用
行高如何?如果行高
等于其行高
则文本垂直居中
#测试{
宽度:100%;
高度:100px;
背景颜色:绿色;
线高:100px;
字体大小:32px;
文本对齐:居中;
}
测试文本
问题在于我的div,我在移除东西时设置了它的尺寸,事情就解决了。谢谢。寻求代码帮助的问题必须包含在问题本身中复制代码所需的最短代码。看见
.vcenter {
display: inline-block;
vertical-align: middle;
float: none;
}