如何提高複選框列表項

如何提高複選框列表項文本的寬度，如何提高複選框列表項

的寬度我有右側更多的空間，但文本在多行來，但不能到右側。

也可以將複選框左邊的文本？

在此先感謝

<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項多行快到了，我希望把它在一個單一的線。

來源

2013-09-28 Gurunadh

您可以顯示你當前的HTML – Optimus

作爲擎天柱提到有很多的原因，這可能會發生，如果沒有一些樣品HTML是不可能確定的原因。 –

嗨，我在這裏添加了我的代碼片段，請檢查一次。 – Gurunadh

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;}

來源

2013-09-28 14:22:53 DevlshOne

如何提高複選框列表項

回答

相關問題