jquery - 使用 E-shopper 模板重叠表格 td 元素

Question

我正在为我的小元素使用这个模板，我在这部分停留了一段时间，当 td 中的单词太多时，表格的元素会重叠。

具体页面链接:here

此外，如果您调整浏览器的大小，即使描述中的单词不多，您也会注意到重叠。

现在我只是尝试使用 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%;
}

为了测试目的，我编造了 width: 30%。您可以指定您想要的任何宽度。