表格和 <p>（HTML 和 CSS）的间距问题答案

【问题标题】：Spacing Issues With Tables And <p> (HTML and CSS)表格和 <p>（HTML 和 CSS）的间距问题
【发布时间】：2011-12-10 22:07:07
【问题描述】：

我有一个基于表格的网站。基本上，我有一个身体区域，身体的顶部与标题导航栏的底部齐平。每当我在正文中输入文本时，正文都会向下移动一些像素。以下是示例：

这是在我输入任何内容之前：

这是在我输入文本之后（别管顶部的颜色，它是一个会改变颜色的渐变色条）：

我尝试将所有边距设置为 0px 和填充等。我似乎无法弄清楚。我使用标题和正文等运行 CSS 样式，我似乎无法弄清楚是什么属性导致了这种情况发生。任何帮助，将不胜感激。

【问题讨论】：

请将您的代码放入jsfiddle.net，以便我们可以玩弄您的示例。
我强烈建议您不要使用表格来布局网站。它对可访问性非常不利。
@DominicGreen 这有点模棱两可。你有什么建议？
@motoxer4533 谢谢！我会这样做的。
对不起，现在业界的规范是使用基于 div 的布局，并且只使用表格来存储数据。有关在线分配东西的原因的更多信息，这是一篇相当平衡的文章mardiros.net/css-layout.html

【解决方案1】：

我猜（疯狂地）表格单元格填充和在有一个空的 td 之前。

【讨论】：

【解决方案2】：

你可以试试文本的 line-height 属性吗？ w3schools.com

【讨论】：

【解决方案3】：

我将此网站转换为 div 而不是表格。虽然我没有完全弄清楚这个问题出了什么问题，但我了解到表格（而不是 div）存在很多问题，尤其是在跨浏览器兼容性方面。

【讨论】：