展平元素不会产生对齐的元素

Question

有人可以指出为什么以下不会产生从同一点开始的三条线？ Here就是我的意思。

<style>
p,table,td,tr,tbody { margin: 0; padding: 0; border: solid 0 }
</style>
<p>Nothing to write home about</p>
<table><tr><td>Nothing to write home about</td></tr></table>
<p>Nothing to write home about</p>

我明确地“压扁”了我正在使用的所有元素，不是吗？

Answer 1

表格元素上有剩余间距。添加border-spacing: 0px，它将从表格​​单元格中删除额外的填充。

JSFiddle

Answer 2

表格单元格的边框中有额外的填充。有很多方法可以解决这个问题。一种是将cellspacing设置为0：

<table cellspacing="0">

JSFiddle

Answer 3

尝试添加

table {border-collapse:collapse;}