Divi

Question

伙计们，我这辈子都想不出如何垂直对齐本节中的图像。 See the Divi builder screen shot here

我已将它们与使它们具有相同高度的纵横比对齐，但不幸的是，右侧图像之间的 20 像素填充使它们突出。这发生在我所有的部分！

The uneven images

求助！！我找不到适用于任何地方的解决方案！ :/

Answer 1

在 flexbox 上使用 align-items: flex-end;。

@media (min-width: 981px)
.et_pb_row.et_pb_equal_columns, .et_pb_row_inner.et_pb_equal_columns, .et_pb_section.et_pb_equal_columns>.et_pb_row {
    display: -ms-flexbox;
    display: flex;
    direction: ltr;
    align-items: flex-end;

}

但请记住，主要问题是图片的高度需要增加。当您对齐底部（图片中的问题）时，顶部会偏移。我建议也增加图像的高度。但这至少修复了底部。

Answer 2

我刚刚查看了您的网站，您必须在几个元素中添加 height: 100%。有 2 个选项可以解决您的问题。

选项 1： 添加 高度 100% Class 或 内联 CSS 在下面提到的元素中。

选项：2 在 style.css 文件中添加下面的 CSS。

.et_pb_image {
  height: 100%;
}
.et_pb_image_wrap {
  height: 100%;
}
.et_pb_image_wrap img {
  height: 100%;
}

希望能解决您的问题，谢谢

Divi - 如何在一个部分中垂直对齐列中的堆叠图像

Divi - How to vertically align stacked images in columns, within in a section

html

css