根据图像高度添加边距答案

【问题标题】：Add margin depending on image height根据图像高度添加边距
【发布时间】：2020-06-27 15:43:46
【问题描述】：

我正在这里开发这个页面 - http://freesamples.charitycards.org/。

在图像较短的地方，我想添加 margin-bottom，以便将卡片详细信息向下推到更靠近按钮的位置。

我已经尝试了以下代码，它似乎适用于我所做的 JS 小提琴，但不适用于现场网站。

if ($('.attachment-woocommerce_thumbnail').outerHeight() < 160) {
  $('.attachment-woocommerce_thumbnail').css('margin-bottom', '81px');
}

如果有人可以帮助我，那将是一个巨大的帮助。

【问题讨论】：

【解决方案1】：

尝试以下方法：您可以使用纯 css 来实现。试试vertical-align:bottom; display: flex;

希望这会有所帮助！

【讨论】：

【解决方案2】：

在 css 中为您的班级设置最小高度，例如 ..

img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
  min-height: 177px;
}

请确保，如果您只想将其限制在任何页面，则使用该页面 ID 限制此样式。

【讨论】：