Html CSS：是否可以删除0像素以下的所有填充和间距？

我在我的表格单元格里放了一个新的图像，这使得表格有点笨重。我已经将所有的填充和间距减少到0，但是在图像边缘周围仍然有大约4个像素的间隙（32个像素的矩形标志）。是否可以删除表格单元格中的所有空白

我的单元格CSS是：

.flag {
    margin: 0px !important;
    padding: 0px !important;
    border-spacing:0 !important;
    height:28px !important;
    width:32px !important;
    line-height:32px !important;
}

请注意，他们需要'！重要的是，因为他们超越了另一个CSS。旗帜的确切高度似乎是28px。如果我将高度降低到该高度以下，牢房底部的旗帜就会开始被刮掉

更多信息，让人们可以自己尝试

td{边框：1px纯黑；}

---

这取决于图像周围是空白还是仅在图像下方

尝试添加

垂直对齐：基线到你的CSS规则的单元格-这至少应该消除不必要的空间下面的图像

如果图像本身存在空白，您可以尝试在图像上使用负边距值，如

.flag img { 
  margin-top: -4px;
}

空白在图像本身中，它使用一个“精灵”，其中有多个图像，并且设置了一个
背景位置
，以便显示相应的图标

我在下面复制了我认为你想要的东西。注意，我没有使用
就覆盖了样式！重要信息
。您只需要选择器比覆盖的选择器更具体


.f32 td.flag.us{
边框：1px纯黑；
高度：23px；
溢出：隐藏；
背景位置：0-7332px；
宽度：30px；
}

空白是否会出现在实际图像文件上？这听起来很奇怪，但有时删除html元素之间的实际空白会起作用。可能是这样，但不幸的是，这超出了我的控制范围，因为我正在导入图像。不太清楚如何检查。如果是这样的话，那就不可能强迫细胞保持一定的高度，然后以某种方式使旗子在细胞内居中吗？当我试着这样做的时候，它只是把它向下推，使它部分脱离细胞。如果没有一些实验，我不能确切地说，恐怕我不会有太多的帮助。希望你能找到答案！我们需要更多的代码（HTML、CSS）和可能的代码笔或JSFIDLE来检查……我添加了一个类似JSFIDLE的“堆栈片段”，但它内置在Stack Overflow的编辑器中。这肯定是我想要的结果，但它太具体了。我需要使用所有的国旗，而不仅仅是美国国旗。我看到它们的高度是23像素，这很有帮助。嗯，奇怪的是，在摆弄了一点，试图弄清楚每个部分在做什么之后，把它降低到只有28像素的高度！重要的；利润上限：-4px；似乎是他们干的。