Question

我有像

这样的结构

<div>
    <label>
        Name</label>
        <div style="text-align: right;">
    <input type="checkbox" value="1" name="chbName" class="checkbox" id="chbName"
        runat="server" checked="checked" /></div>
</div>

和像这样的smilar元素在asp TableCell中，由于某种原因，名称和复选框没有水平排列。就像包含复选框的div一样，在UI中是一步。这只发生在chrome和mozilla上。

Answer 1

div是一个块级元素 - 除非您为其指定以下样式之一，否则它将显示在标签下方：

display:inline;
display:inline-block;
float:left; (or right)

例如

<div style="text-align: right; display:inline-block;">

Answer 2

替换

<div style="text-align: right;">

通过

<div style="float: right;">

您的完整HTML代码如下...

     <div>
        <label>
            Name</label>
        <div style="float: right;">
            <input type="checkbox" value="1" name="chbName" class="checkbox" id="chbName" runat="server"
                checked="checked" /></div>
    </div>

Div包含复选框，在firefox和chrome中包含div

2 个答案: