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

Question

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

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

html 整洁

在添加了一些 css 而不是之前的不兼容 html 之后，通过 html 整理出来的效果并不好，单元格的高度是它们的两倍。

以下是正在进行的页面的链接：

这是问题代码中的单元格之一：

<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;
}