Question

我正在创建eshop，其产品在表格中对齐。我想要价格和立即购买按钮显示在表格行的底部，但我不知道如何完成它。我的表由表行组成。含有Div的产品在这些行中。我认为最好的解决方案是将div扩展到表格行的100％高度，然后将div（带价格和立即购买按钮）设置为垂直对齐底部。但我不知道它是如何运作的。

以下是更好理解的实例：

我知道这可以通过javascript轻松完成，但我不想使用javascript。那么有没有其他方法可以用css做到这一点？

先谢谢

Answer 1

我会使用类似responsivegridsystem的内容。您可以在每个网格框中放置与每个产品相关的所有div项目。

<强> EDITED

使用网络链接内容作为示例，您可以为描述面板设置给定的高度。这样所有的价格都排成一行，例如：

div.product-desc {
    height: 90px;
}