Question

如何增加复选框列表项文字的宽度，

我在右侧有更多空间，但文字有多行而不是右侧。

还可以将复选框留在文本中吗？

提前致谢

<asp:CheckBoxList ID="cbList" runat="server" Width="300px" ForeColor="Black" TextAlign="Right">
 <asp:ListItem Value="10" Text="Invoice" ></asp:ListItem>
 <asp:ListItem Value="20" Text="Payments"></asp:ListItem>
 <asp:ListItem Value="30" Text="General Ledger posting"></asp:ListItem>
 </asp:CheckBoxList>



.chkBoxList td
{
   width:120px; /* or percent value: 25% */
}

其中列表项3以多行显示，我想将其放在一行中。

Answer 1

jsFiddle

HTML 的

<div class="ques">Is it an animal?</div><div class="cb"><input type ="checkbox" value="yes" /></div>
<div class="ques">Is it an mineral?</div><div class="cb"><input type ="checkbox" value="yes" /></div>
<div class="ques">Is it an vegetable?</div><div class="cb"><input type ="checkbox" value="yes" /></div>
<div class="ques">Is it an fruit?</div><div class="cb"><input type ="checkbox" value="yes" /></div>
<div class="ques">Is it man-made?</div><div class="cb"><input type ="checkbox" value="yes" /></div>

CSS

.ques {width:66%;display:inline;float:left;}
.cb {width:33%;display:inline;float:left;}

如何增加复选框列表项的宽度

1 个答案: