2014-07-05 42 views
1

好了,所以我遇到了一个奇怪的问题,我使用这个快速招第二种方法垂直居中引导旋转木马在我的内容:中心引导转盘文本垂直,奇怪的问题

http://css-tricks.com/centering-in-the-unknown/

现在我得到了这个工作,但我的内容容器变得流畅,所以我必须使用偏移量来获取我想要的内容,这会给我带来各种问题。

当我把我的CSS类

.center-vertically-right { display: table-cell; text-align: right; vertical-align: middle; }

的子元素,这将不再有效。我还将display: table;移至父母。

我已成立了一个jsFiddle演示我的问题:孩子(不再工作)

幻灯片2的内部.center-vertically-right类:

幻灯片1演示.container内部问题.center-vertically-left类导致布局变得流畅。

幻灯片3:中心自举偏移流体布局(不是我想要的)

我读过的所有相关问题,仍然无法找到一个解决方案。

我昨晚花了整晚尝试不同的垂直居中方法,看起来这是我能用display:table方法得到的最接近的方法。我试过this method,但也没有成功,还有其他一些常见的东西,似乎没有任何工作我在这一点上,我正在考虑改变设计,但可能仍然试图找出未来的这一个。

回答

0

this(幻灯片2)你在找什么?我认为你只需要把.container放在.center-vertically-right之内。

+0

是的,你是对的,我昨天才知道这件事忘了回来。这样简单的修复,有一天晚上有点累了!谢谢 – ve1jdramas