带有切换按钮的WordPress Divi模糊

Question

我有一个页面，该页面具有4列的网格，每列包含一个对象，在对象的下面包含一个切换。文字内容不一样。我的问题是，一旦我对齐了每一列的切换按钮。切换按钮未对齐。如何在没有足够间距的情况下将blurb和Toggles设置为对齐？我使用了at browser_tests.ChromeTest.main(ChromeTest.java:31)** 其他可以尝试对齐的方法。

Answer 1

共享链接将有助于您更深入地了解问题。我仍然不清楚问题。如果它发生在Divi最新版本上，则通过检查按钮来检查按钮标签之前是否有div。如果您感到困惑，只需将行或列放在其中，然后在其中放置按钮即可。它应该工作。

与通常的按钮一样，按钮或按钮标签不是块级元素，而是文本级，因此将其显示为行内或弯曲而不是块，而仅显示元素间距。因此，您需要将文本级元素像第一个div一样放在块级换行中，然后放在button标记中以使其对齐。希望对您有帮助。

谢谢

Answer 2

我从您的问题中了解到，每列中的Blub的长度是不同的，因此切换开关不会水平排列吗？要在Divi中将它们排成一行，首先需要确保各列的高度相等，然后向该行添加一个类：

1. 在行设置中，转到设计标签，然后启用均衡列高。
2. 也在行设置中，转到高级标签，并添加自定义CSS类 custom_fixed_toggles。

现在将CSS添加到外观> Divi主题选项> 自定义CSS （位于< strong>主题选项）。像这样：

.custom_fixed_toggles .et_pb_toggle {
    position: absolute;
    bottom: 0;
}