Asp.net 复选框周围的空格
我很困惑 使用以下代码:Asp.net 复选框周围的空格,asp.net,html,css,Asp.net,Html,Css,我很困惑 使用以下代码: <div> <table class="filter_component_css"> <tr> <td>purchase order</td> <td><asp:TextBox CssClass="search_format" ID="po_textbox" runat="server"></asp:TextBox><
<div>
<table class="filter_component_css">
<tr>
<td>purchase order</td>
<td><asp:TextBox CssClass="search_format" ID="po_textbox" runat="server"></asp:TextBox></td>
</tr>
<tr>
<td>material desc</td>
<td><asp:TextBox CssClass="search_format" ID="material_desc_textbox" runat="server"></asp:TextBox></td>
</tr>
<tr>
<td>supplier</td>
<td><asp:TextBox CssClass="search_format" ID="supplier_textbox" runat="server"></asp:TextBox></td>
</tr>
<tr>
<td>manufacturer</td>
<td><asp:TextBox CssClass="search_format" ID="manufacturer_textbox" runat="server"></asp:TextBox></td>
</tr>
<tr>
<td>special tools</td>
<td><asp:Checkbox CssClass="checkbox_format" ID="tools_checkbox" runat="server"/></td>
</tr>
<tr>
<td colspan="2">
<asp:Button ID="buttonReset" runat="server" Text="Reset" OnClick="submitResetClick"/>
<asp:Button ID="buttonSearch" runat="server" Text="Search" OnClick="submitSearchClick"/>
</td>
</tr>
</table>
</div>
在结果中,我看到复选框周围有空格。
我正在IE7中测试应用程序。
我的问题-是否可以删除复选框周围的空格?尝试将其放在一行,如:
<tr><td colspan="2"><asp:Button ID="buttonReset" runat="server" Text="Reset" OnClick="submitResetClick"/><asp:Button ID="buttonSearch" runat="server" Text="Search" OnClick="submitSearchClick"/></td></tr>
如果我还不错,那就解决了这个问题复选框是出了名的难以设计。浏览器往往对每个复选框周围应该有多少空间有不同的想法 最好的办法是添加一条规则,从复选框中删除边距和填充
.checkbox_format
{
border: 1px solid black;
margin:0; padding:0;
}
试试这个css。希望这会有所帮助
.checkbox_format
{
margin:0 !important;
display: block;
border: 1px solid black;
}
这已经一年多了,但我也遇到了同样的问题,并试图解决它。问题是,当asp.net复选框在html中实现时,它被封闭在一个范围内,而html没有正确传播样式。我的解决方案是使用:
.checkbox_format input
{
border: 1px solid black;
margin:0; padding:0;
}
希望它能帮助别人 我不明白怎样用一条线就能解决这个问题。你在开玩笑吗?你试过了吗?因为我不是在开玩笑,那可以解决这个问题我在做之前解决了一个类似的问题,我也不知道浏览器的行为如何,特别是IE浏览器的行为如何,但是如果工作对我有好处的话,当我试过它时,它工作得很好?或者您也可以尝试从
元素中删除填充和边距?
.checkbox_format input
{
border: 1px solid black;
margin:0; padding:0;
}