对齐HTML复选框和标签

时间:2015-02-19 08:36:45

标签: html checkbox

我一直在努力正确地对齐HTML复选框和标签。

我终于设法在同一行上获得2个复选框,并在复选框右侧显示标签。

我有一个最后要解决的问题。标签和复选框没有完美对齐 - 标签比复选框略高 - 见图像:

enter image description here

这是一个小问题,但我认为最好解决它。

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>

我已经尝试了所有常用的东西,例如边距和填充,但它们没有效果。

有什么想法吗?

0 个答案:

没有答案