html - 图像展开表格单元格

标签 html css html-table tablecell

我有一张 600x90 图片,并且我想要一个尺寸恰好为 600x90 的表格单元格。

但是我尝试了overflow:hidden和网上的其他一些解决方案,但它仍然会扩展表格单元格以显示几张图片。

到目前为止我能得到的最好的尺寸是 600x93,但它在底部留下了 3 个空像素,看起来非常尴尬!

有人可以帮我找到解决方案吗?

最佳答案

图像默认有

display:inline

在大多数浏览器中,其高度会增加 3-5 像素。

尝试为图片设置 CSS,如下所示:

table.myTable td.withImage img { display:block; }

看看它是否有效。

关于html - 图像展开表格单元格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5791033/

相关文章:

java - 从包含图像和文本的 html 生成 PDF

javascript - 鼠标悬停时水平展开导航栏

html - 如何使按钮元素表现得像 block 元素(维度方面)

css - 顶部导航列表项边距错误

CSS表命名

html - div 中的表格未在 Opera 中显示

javascript - html "data-"属性作为 javascript 变量

javascript - 如何将光标移动到文本区域中的下一个/上一个单词?

javascript - jQuery "get"方法在本地不起作用

javascript - 在 JQuery 选择器中添加变量时出现问题