使用电子购物者模板重叠表td元素

Question

我正在将这个模板用于我的小项目，并且我已经被困在这个部分上一段时间了，当td中有太多单词时，表格的元素重叠。

链接到特定页面：here

如果您要调整浏览器的大小，即使说明td中没有那么多单词，您也会注意到重叠。

目前我只是尝试使用max-width来设置宽度，但由于仍然存在重叠，因此仍然不是一个有利的结果。

无论如何，我是否可以解决这个问题或解决它？

这也是一个响应式模板。

我的描述内容是这样的： 吃的时候厌倦了所有这些骨头？然后尝试我们的无骨鸡胸肉，你可以吞下它，没有骨头担心。

Answer 1

您需要将宽度设置为.cart_info table tr td。例如：

.cart_info table tr td{
  width: 30%;
}

或者您只想定位.cart_description

.cart_info table tr .cart_description{
  width: 30%;
}

我编制宽度：30％仅用于测试目的。您可以指定所需的宽度。