布局中的对齐问题 - Wordpress CSS

Question

在进行编辑时，此页面的布局最终导致框未对齐 - https://canons.com/our-products-bespoke-services/

任何有关如何解决此问题的建议/帮助将不胜感激。谢谢你。

尝试重新调整图像之间的填充但无济于事。

Answer 1

由于您没有提供任何代码，我不确定问题到底是什么。但通过检查您的网站，我发现这些图片框按列按

div

分组，类名为

wp-block-columns

，并且您在其上使用了 Flexbox。所以我猜 CSS 代码看起来像这样：

.wp-block-columns {
    display: flex;
    flex-direction: column;
}

所以我想你可以做的就是将

flex-basis

应用于其子项，例如：

.wp-block-columns > * {
    flex-basis: 100%
}

这意味着

.wp-block-columns

的所有子级将被均匀划分，因此它应该对齐您的图片框。