内联块DIV在Chrome中填充表格单元格，但不是其他浏览器？

我有一个小问题。在弄清楚如何让一些嵌套在表格单元格中的DIV全部适合100％，这取决于表格行的高度，我注意到它在Firefox或IE中不起作用。而不是试图解释，这里的页面：http://www.faganarms.com/testcategory.aspx 内联块DIV在Chrome中填充表格单元格，但不是其他浏览器？

enter image description here

我试图让所有各行中单元格的扩大是该行的高度，这取决于它的内容。如果一行的描述非常少，那么它的高度可能会比长描述的短。你会注意到在FF或IE中我想要纠正的行为。

问题是，我只能编辑HTML的某些部分，其他人我只能使用CSS样式。我可以编辑td.product-list-item-container的内容，但我无法编辑该表的结构。它很难编入软件。

有没有人看到问题是什么？我尝试了一些使用display: table-row和display: table的方法，但至少在Chrome中没有任何效果。我找不到任何与Webkit兼容的方法，所以我可能会错过一些东西。

来源

2013-05-22 Devin

我之后几分钟就删除了它，因为我在Firefox的开发人员工具中做了一些更改并且工作正常！但是，我失去了它，现在我似乎无法复制该解决方案。我禁用了一些样式，最终使得所有的单元格都变成了高度，而我所要做的只是将填充添加到DIV中，并且它工作正常。我以为我从表格行中删除了内嵌块来修复它，但我无法再复制它。 Ughhh。 – Devin

我删除display: inline-block，并从表中的行的所有填充，加height: 100%到表行和div.product-list-item，并添加填充到div.product-list-item，它在FF现在工作得很好。

来源

2013-05-22 14:13:37 Devin

您可以使用min-height CSS属性并将其设置为一行的高度！你应该为div class“product-list-item”做这件事。现在div会将此高度作为最小值，或者将高度设置为您想要的高度。

来源

2013-05-22 13:12:09 Timo002

内联块DIV在Chrome中填充表格单元格，但不是其他浏览器？

回答

相关问题