带有dd标签的img会导致表格宽度超过分配的宽度

时间:2013-08-13 19:06:01

标签: html css

在我的html页面中,我在表td标签中有这个:

<dd>
  <img src="images/Step_response_3_pole.jpg" title="Step response" style="width: 830px; height: 500px; cursor: move;">
</dd>

所以这会将它向右移动一定量。理想情况下,我希望图像从表格单元格中最左边的边距开始,以便我可以使图像尽可能大。 我已将图像max-width设置为没有dd标记的图像的最大宽度。现在在某些使用dd标签生成的页面上,表格会扩展到超出我想要的表格的宽度。

因此,我能想到的唯一解决方案是使图像max-width更小以适应dd标签的移位,但是即使那些没有dd标签的图像也会浪费图像区域。

有没有办法解决这个问题或以某种方式禁用图像的dd标签?

我想要的只是我的桌子,以尊重我为它分配的最大宽度。

1 个答案:

答案 0 :(得分:0)

当我尝试时,我的浏览器(即用户代理样式)在dd元素上放入了40px的边距。我可以通过使用以下样式重置浏览器默认值来删除它:

dd {
  margin: 0;
}

你有没有尝试过类似的东西?