好吧，我遇到了一个奇怪的问题，我正在使用这个快速技巧中的第二种方法将我的内容在 Bootstrap 轮播中垂直居中:
http://css-tricks.com/centering-in-the-unknown/
现在我可以正常工作了，但是我的内容所在的容器变得不稳定，所以我必须使用偏移来获取我想要的区域内的内容，这给我带来了各种各样的问题。
当我放置 CSS 类时
.center-vertically-right {
显示:表格单元格；
文本对齐:右；
垂直对齐:中间；
}
在子元素中，这不再有效。我还将 display: table; 移到了父级。
我已经设置了一个 jsFiddle这证明了我的问题:
幻灯片 1: .center-vertically-right 子类内部(不再工作)
幻灯片 2: 演示了 .container 类中的 .center-vertically-left 类导致布局变得流畅的问题。
幻灯片 3: 以 Bootstrap 偏移为中心的流体布局(不是我想要的)
我已经阅读了所有相关问题，但仍然找不到解决方案。
我昨晚整晚都在尝试不同的垂直居中方法，这似乎是我能用 display: table 方法获得的最接近的方法。我试过this method没有成功还有其他几个常见的，似乎没有任何效果我在这一点上我正在考虑改变设计，但可能仍会尝试在未来解决这个问题。
最佳答案
是this (幻灯片 2)您在寻找什么？我认为您只需要将 .container 放在 .center-vertically-right 中。
关于html - 垂直居中 Bootstrap 轮播文本，奇怪的问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/24584224/