0

我有一个小问题。在弄清楚如何让一些嵌套在表格单元格内的 DIV 全部适应 100% 后,取决于表格行的高度,我注意到它在 Firefox 或 IE 中不起作用。而不是试图解释,这里的页面: http: //www.faganarms.com/testcategory.aspx

在此处输入图像描述

我试图让每行中的所有单元格扩展到该行的高度,具体取决于它的内容。如果一行的描述非常少,它的高度可能比描述长的行要短。您会在 FF 或 IE 中注意到我想要纠正的行为。

问题是,我只能编辑 HTML 的某些部分,而其他部分我只能使用 CSS 设置样式。我可以编辑该表的内容,td.product-list-item-container但无法编辑该表的结构。它被硬编码到软件中。

有人看到问题是什么吗?我已经尝试了一些我在这里找到的使用display: table-rowand的方法display: table,但至少在 Chrome 中没有什么比这更成功。我找不到有关仅与 Webkit 兼容的方法的任何信息,因此我可能会遗漏一些东西。

4

2 回答 2

1

您可以使用min-heightCSS 属性并将其设置为一行的高度!您应该为 div 类“product-list-item”执行此操作。现在 div 将把这个高度作为最小值,或者只是将高度设置为你想要的高度。

于 2013-05-22T13:12:09.887 回答
0

display: inline-block从表格行中删除了所有填充,添加height: 100%到表格行和div.product-list-item,并将填充添加到div.product-list-item它现在在 FF 中工作正常。

于 2013-05-22T14:13:37.387 回答