如何在woocommerce中设置价格标签宽度固定列产品列表

Question

我一直试图将这个样式设置好几个小时而没有运气。

我已经在woocommerce的产品列表中设置了固定列高，我想将价格（销售和常规）设置为底部，一个在左边，另一个在右边。

我使用了以下代码：

make

但它们的风格是彼此相邻的，而不是像我希望的那样在角落里。 我也试过设置保证金，但它们不会很好，因为不是每个价格都有相同数量的字符。 网址：http://men.trikaliotis.info 任何帮助都会非常感激

Answer 1

也许值得一试：

ins .amount {
position: absolute !important;
left: 0px;
bottom: 0;
}


del .amount {
position: absolute !important;
right: -120px!important;
bottom: 0;

}

Answer 2

您需要申请CSS下方。我还创建了一个fiddle。

.woocommerce ul.products li.product .price {
  display: inline-block;
  width: 100%;
  position: absolute;
  bottom: 0;
}

.woocommerce ul.products li.product .price del {
  display:inline-block;
  float: left;
}

.woocommerce ul.products li.product .price ins {
  display:inline-block;
  float: right;
}