html - 为什么图像没有占据整个 td 内容区域?

标签 html css

我有一个 HTML 表格,我想显示一个图像作为 <td> 的内容元素,并使图像占据整个<td>内容区域,所以,我做了以下事情:

<td id="my-img">                
<img border="0" src="images/my.png" alt="Logo" width="60px"/>                  
</td>

我还使用 CSS 定义了 <td> 的宽度与 <image> 具有相同的宽度值标签:

#my-img{
 width: 60px;
}

但是,图像并没有占据整个<td>区域,图像周围总是有空白,为什么?如何摆脱它? (我确定空格不是来自 PNG 图像文件)

最佳答案

试试 Nick Brunt 写的,但也包括以下图像的 css:

margin: 0px; 

关于html - 为什么图像没有占据整个 td 内容区域?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7786245/

相关文章:

php - 输入类型 ="file"更改后是否可以重新加载表单?

javascript - JQuery悬停切换相关选择器

css - 如何拉伸(stretch)背景图像以填充 div

html - 加载通用样式表

javascript - Vue @click 不适用于存在 href 的 anchor 标记

html - 悬停时会淡入图像的纯色

html - 水平站点宽度超过 4000 像素的 Css3 动画问题

javascript - JQuery- document.ready 函数不工作

css - Guard 和 Compass watch 的区别

html - 当鼠标悬停在其上时,如何将 Bootstrap 子下拉菜单修复到左侧