表格单元格中不需要的填充

Question

我的网页不像在设计视图中那样显示。它在带有文本框的表格单元格周围添加了填充，但没有其他地方。我想要它没有填充。

这是html：

<asp:Panel ID="PlayerPanel" runat="server" BackColor="#3333CC">
<table id="PlayerTable" style="width:100%;" border="0">
<tr>
<td >Name</td>
<td><asp:textbox id="txtPlayerName" runat="server" Width="400px" AutoPostBack="True"></asp:textbox></td>
</tr>
<tr>
<td >Mobile</td>
<td><asp:textbox id="txtPlayerMobile" runat="server" Width="400px" AutoPostBack="True" ></asp:textbox></td>
</tr>
<tr>
<td >Email</td>
<td><asp:textbox id="txtPlayerEmail" runat="server" Width="400px" AutoPostBack="True"></asp:textbox></td>
</tr>
</table>
</asp:Panel>

在设计中，它看起来没有填充。运行时，它会出现在文本框上方和下方的填充，与文本框高度大致相同。

我尝试为面板、表格和单元格设置"padding:0px;"，但它仍然保持不变。我还能尝试什么？

Answer 1

也许它是直接在桌子上的单元格填充？ look here;尝试将其设置为 0

也许是浏览器本身为其添加了一些默认样式 - 在 Chrome 中，打开检查器（F12 或右键单击 -> 检查元素），您可以在其中看到应用于元素的内容。

Answer 2

我找到了这个修复：

p {
    margin: 0;
    padding: 0;
}

我将它添加到 css 中并解决了问题。它就是其中之一“嗯，呃！”解决方案。