html - 我怎样才能阻止这个单元格的高度加倍？

Question

好吧，我已经开始将我的页面更改为 CSS，这样我就可以链接到样式表以获得它们的所有好处。

在将所有不兼容的位更改为 css 后，页面将通过 w3 的 html tidy 运行。

Html tidy

在添加一些 css 而不是我之前使用的不兼容的 html 之后，通过 html tidy 效果不佳，单元格的高度是它们的两倍。

这是一个 link to the page进行中:

这是问题代码中的一个单元格:

<td style="width: 283px; height: 30px; 
    background-image: url('EmuNewNGd_Template/techage_map1_featurebar.jpg')">
   <p align="center">
       <b>
          <font color="#000080" size="2" face="Tahoma">
            Bringing You Nothing But The Best
         </font>
      </b>
   </p>
</td>

为什么它们这么大，因为在浏览器中查看时它们的尺寸不是 30 像素，而是更大。

请记住，我不太擅长 CSS。

Answer 1

它们更大，因为有 <p>表中包含文本的元素。默认 <p>元素有边距。您可以通过将此添加到您的 css 来删除它:

#AutoNumber9 tbody tr td p {
margin: 0;
padding: 0;
}

这仅适用于 ID 为 #AutoNumber9 的表。如果你想对所有人都这样做 <p>您可以在网站上添加的元素:

p {
    margin: 0;
    padding: 0;
}