2012-09-11 192 views
0

我有這些chech框在我的div但他們都出現在2行。垂直對齊div中的元素

我想讓他們垂直,這樣只有一個複選框將出現在一個線和第二赤盒出現在2號線等..

   <g:CheckBox > Article </g:CheckBox> 
       <g:CheckBox > Form1 </g:CheckBox> 
       <g:CheckBox > Payroll </g:CheckBox> 
       <g:CheckBox > TAX </g:CheckBox> 
       <g:CheckBox > Import/Export </g:CheckBox> 
       <g:CheckBox > Business Consent Form </g:CheckBox> 
       <g:CheckBox > HST </g:CheckBox> 

感謝

回答

1

對於HTML代碼你可以把這個:

input {display: block;} 
0

對於每一個文本框要素,我會使用clear:both;這意味着什麼向右或向左,因此跳過線。清除與float相反。

+0

沒有什麼可以清楚的,因爲它們並不是浮在首位。輸入是默認的內聯元素,所以'display:inline'應該是'display:block;' – estrar