css - 图像在较小的屏幕上未垂直对齐

Question

我在较小的屏幕上遇到了一个 CSS 问题。如果有任何帮助，我将不胜感激。

问题：

https://i.stack.imgur.com/kVLpe.png

每个缩略图应始终在一列中，如下所示：

https://i.stack.imgur.com/b3r2B.png

URL（仅在桌面上 - 在移动设备上加载了其他滑块）：

https://abirose.pl/produkt/fiore-s-silver-kolczyki-krotkie-kwiaty-z-perlami/

提前感谢您的帮助。

标签： csswordpresswoocommerceresponsive-images

Answer 1

如果您在 css 中遇到问题，您可以使用 flex-box，如下所示：

.flex{
  display: flex;
  flex-direction: column;
}

将此类或样式添加到您的父元素。