垂直对齐的css会将列向左推

时间:2016-08-10 作者:user3255322

最后,我决定咬紧牙关,问问其他地方,我已经好几天没梳头了(这几天我没有太多事情要开始,所以这很痛苦:P)。我使用一个页面生成器(来自优雅的主题,包含在DIVI主题中)和一些CSS来垂直对齐两列行中某个文本旁边的元素。

CSS如下所示:

.MlCentered{位置:绝对;顶部:50%;变换:translateY(-50%);}

我已将该类分配到第二列(在本例中包含瀑布的图片)。

当我这样做时,由于某种原因,该列被向左拉,位于第一列的顶部。

奇怪的是,就在几周前,这项技术还运行得很好。不仅如此,我还用不同的主题和不同的建设者对其进行了测试,但没有任何结果。所有插件都已禁用,wordpress是最新的,主题也是最新的。我真的被难住了。

我创建了一个页面,详细说明并显示了问题,如下所示:http://headsmartdevelopment.com/vertical-align-issue

这本书最初是为优雅主题的开发人员编写的,但他们无法给我一个非库存的答案。

如果这是错误的地方,请接受我的道歉。我使用搜索功能专门搜索问题和CSS,但找不到任何东西。

如果有人能让我知道我做错了什么,或者告诉我正确的方向,我会非常感激。

谨致问候,

迈克

1 个回复
最合适的回答,由SO网友:ngearing 整理而成

你需要给那个元素一个right 价值

我想也许你还在期待float left 使其对齐。但一旦你定位了一个元素absolute, 该元件从正常元件流中取出。

right: 0;