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中并修复了问题。这是其中之一'嗯，呃！'的解决方案。

表格单元格

2 个答案: