带有切换按钮的 Wordpress Divi Blurbs答案

【问题标题】：Wordpress Divi Blurbs with Toggle buttons带有切换按钮的 Wordpress Divi Blurbs
【发布时间】：2019-01-24 21:57:05
【问题描述】：

我有一个有 4 列网格的页面，每列包含一个简介，在简介下方它包含一个切换。简介文本内容不一样。我的问题是一旦我对齐了每列的切换按钮。切换按钮不对齐。如何在没有足够间距的情况下将简介和切换设置为对齐？我已经使用了align-items:flex-end 可以尝试对齐的任何其他方法。

【问题讨论】：

【解决方案1】：

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

像往常一样，按钮包含一个或按钮标签，它不是块级元素，而是文本级，因此它以 inline 或 flex 显示而不是块并获取元素仅间距。因此，您需要将文本级元素放在块级换行中，如第一个 div 然后按钮标记以使其对齐。希望对你有帮助。

谢谢

【讨论】：

【解决方案2】：

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

现在将 CSS 添加到外观 > Divi 主题选项 > 自定义 CSS（位于 第一个选项卡的底部strong>主题选项）。比如：

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

【讨论】：