好了,所以我遇到了一个奇怪的问题,我使用这个快速招第二种方法垂直居中引导旋转木马在我的内容:中心引导转盘文本垂直,奇怪的问题
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,但也没有成功,还有其他一些常见的东西,似乎没有任何工作我在这一点上,我正在考虑改变设计,但可能仍然试图找出未来的这一个。
是的,你是对的,我昨天才知道这件事忘了回来。这样简单的修复,有一天晚上有点累了!谢谢 – ve1jdramas