好的,所以我遇到了一个奇怪的问题,我正在使用这个快速技巧中的第二种方法将我的内容垂直居中在bootstrap轮播中:
http://css-tricks.com/centering-in-the-unknown/
现在我的工作正常,但我的内容容器变得流畅,所以我必须使用偏移来获取我想要的区域内的内容,这会给我带来各种各样的问题。
当我把我的CSS课程
.center-vertically-right {
display: table-cell;
text-align: right;
vertical-align: middle;
}
在子元素中,这不再有效。我还将display: table;
移到了父母身上。
我已经设置了jsFiddle来演示我的问题:
在孩子内部滑动1: .center-vertically-right
课程(不再有效)
幻灯片2:演示了.center-vertically-left
类中的问题.container
类,导致布局变得流畅。
幻灯片3:将流体布局与引导偏移(不是我想要的)集中在一起
我已经阅读了所有相关的问题,但仍无法找到解决方案。
我昨晚花了一整夜时间尝试不同的垂直居中方法,看起来这是我用display:table方法得到的最接近的方法。我已经尝试了this method但也没有成功,其他几个常见的,似乎没有任何工作我在这一点上我正在考虑改变设计,但可能仍会尝试将这一点用于未来。