中心bootstrap轮播文本垂直,奇怪的问题

时间:2014-07-05 07:46:41

标签: html css css3 twitter-bootstrap

好的,所以我遇到了一个奇怪的问题,我正在使用这个快速技巧中的第二种方法将我的内容垂直居中在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但也没有成功,其他几个常见的,似乎没有任何工作我在这一点上我正在考虑改变设计,但可能仍会尝试将这一点用于未来。

1 个答案:

答案 0 :(得分:0)

this(幻灯片2)您要找的是什么?我认为您只需将.container放在.center-vertically-right内。