Question

我无法理解这一点......当我在表格的td 元素中添加图像时，图像拉伸太大而且似乎不受<的样式影响< / p>

td > img
{
width:100%;
height:100%;
}

或正在使用一些不应该

的父元素

td 元素只有 150px 200px ，图片结果将是 3000+ px by 1000+ px 。

为什么样式没有生效我想象如何填充 td 元素？我究竟做错了什么？我想要创建的示例是http://jsfiddle.net/nf071590/dk12c61o/1/;哪个工作正常。

由于某种原因，它无法在我的网站代码中使用。我正在使用 PHP 创建表格。我认为它可能与它有关但是如果我将 img 静态设置为 100px 200px img < / strong>大小合适。为什么它没有将父级识别为 td 元素呢？

经过进一步测试...... 如果我将 td 元素设置为静态高度和宽度，则 img 将几乎完全填充元素，并在 td的顶部和底部之间留出一些空格即使我在 td 和 img 中设置填充：0; 。

虽然可行，但我希望能够将 td 元素配置为使用 25％维度，以便浏览器可以完成工作。所以这并没有真正的帮助。

Answer 1

试试这个：

table {
table-layout: fixed;
}

这应该使您的单元格内容宽度与您的td宽度相同。更多信息here。

Answer 2

如果您还没有，请尝试放置 <div style="clear:both"></div> 作为<td>块中的最后一行。这允许包含元素识别＆＃34;内部儿童的尺寸（在本例中为您的图像）。