Html th内img标签周围的空白

这个问题涉及图片中的黑框（它是一个

标签）

标记的高度为23px。图像是18px乘18px。5px的底边是从哪里来的？我如何摆脱它

边框、填充和边距都设置为0。手动将

和

标记的高度设置为18px没有任何作用。低于23像素的任何东西都没有效果

---

救命啊

如果使用或+，可以右键单击

th

并检查元素。这将提供额外的详细信息，帮助您确定要添加的填充或边距以及添加原因。

如果使用or+，您可以右键单击

th

并检查元素。这将提供额外的细节，帮助您确定要添加的填充或边距以及添加原因。

html源代码中的图像周围是否有空格？ 如果是，请尝试删除它们：

<th><img src="..." alt="" /></th>

---

html源代码中的图像周围是否有空格？ 如果是，请尝试删除它们：

<th><img src="..." alt="" /></th>

---

这可能是

行的高度。尝试将其设置为零。示例HTML：

<table>
    <tbody>
        <tr>
            <td>
                <img src="http://placekitten.com/16/16">
                <img src="http://placekitten.com/16/16">
            </td>
        </tr>
    </tbody>
</table>

实例：

尝试上面有或没有
行高：0
，您应该会看到差异。
这可能就是
行高。尝试将其设置为零。示例HTML：

<table>
    <tbody>
        <tr>
            <td>
                <img src="http://placekitten.com/16/16">
                <img src="http://placekitten.com/16/16">
            </td>
        </tr>
    </tbody>
</table>

实例：

尝试上面的方法，无论是否使用
行高：0
，您都会看到区别。
图像是内联元素，因此它们被放置在元素的文本行上。图像在文本的基线上对齐，因此基线下方有一个用于悬挂字符（如g和j）的槽。额外的空间就是那个排水沟

您可以通过将图像转换为块元素来消除空间。当您希望图像彼此相邻时，使用样式
float:left
将使它们阻塞元素并将它们对齐。
图像是内联元素，因此它们被放置在元素中的文本行上。图像在文本的基线上对齐，因此基线下方有一个用于悬挂字符（如g和j）的槽。额外的空间就是那个排水沟

您可以通过将图像转换为块元素来消除空间。当您希望图像彼此相邻时，使用样式
float:left
会让他们阻塞元素并将它们排列起来。
张贴页面或一把小提琴。你有没有可能制作一把小提琴来演示你的问题？那么浏览器呢，只是部分或全部？发布页面或一把小提琴。你有没有可能制作一把小提琴来展示你的问题？浏览器怎么样，只有部分或全部？这在大多数情况下是可行的，但我认为更改为块对齐更好。如果没有必要，我不会使用
float:left
。这在大多数情况下是可行的，但我认为更改为块对齐更好。如果没有必要，我不会使用
float:left
。