我一直在努力正确地对齐HTML复选框和标签。
我终于设法在同一行上获得2个复选框,并在复选框右侧显示标签。
我有一个最后要解决的问题。标签和复选框没有完美对齐 - 标签比复选框略高 - 见图像:
这是一个小问题,但我认为最好解决它。
HTML如下:
<span class="txtSmallGrey fl" style="display:block; width:200px; margin:15px; margin-top:30px"><%= oUtils.GetContentText("Collect_Config_Expense_return") %></span>
<div style="margin-top:15px">
<label class="txtSmallGrey fl" style="margin:15px"><input type="checkbox" onclick="fnOnCheck(ER_Enable)" id="ER_Enable" class="fl" style="width:15px; margin-right:5px; background:transparent; border:0"/><%= oUtils.GetContentText("Collect_Config_Enable") %></label>
<label class="txtSmallGrey fl" style="margin:15px"><input type="checkbox" onclick="fnOnCheck(ER_Surpress)" id="ER_Surpress" class="fl" style="width:15px; margin-right:5px; background:transparent;border:0" /><%= oUtils.GetContentText("Collect_Config_Surpress") %></label>
</div>
我已经尝试了所有常用的东西,例如边距和填充,但它们没有效果。
有什么想法吗?