使網頁表單字段排隊

我的網頁表單字段沒有正確排列，使網頁表單字段排隊

見截圖：http://awesomescreenshot.com/00cw0c80e

標籤是比正常的長，但我需要它是那麼長。如果我縮短標籤，則按預期排列。

任何人都可以幫忙嗎？

謝謝！ :)

ps。我看過網上的各種樣本，但沒有去。

我的CSS

input.issu { 
    margin-bottom: 8px; 
    width: 220px; 
} 

label.issu { 
    display: block; 
    float: left; 
    margin-bottom: 8px; 
    padding-left: 10px; 
    padding-right: 10px; 
    width: 270px; 
    text-align: left; 
    vertical-align: top; 
} 

select.issu { 
    margin-bottom: 8px; 
    width: 240px; 
} 

br.issu { 
    float: clear; 
}

我的HTML代碼（我試過有和沒有div標籤）

 <div> 
     <label for="departingFrom" class="issu">Direct flight into Singapore from (please name city)<span class="red">* required</span></label> 
     <input id="departingFrom" name="departingFrom" class="issu" value="" type="text"> 
     <br class="issu"> 
     </div> 

     <div> 
     <label for="additionalInfo" class="issu">Additional info(e.g. accompanying family members)<span class="red">* required</span></label> 
     <input id="additionalInfo" name="additionalInfo" class="issu" value="" type="text"> 
     <br class="issu"> 
     </div>

來源

2013-02-05 mrjayviper

添加溢出：隱藏屬性標籤的div容器並輸入如下。它會正常工作。

CSS：

div{ 
    overflow:hidden 
}

來源

2013-02-05 07:03:14

我會檢查出來。謝謝！ :) – mrjayviper

使用一個表，把標籤在一列，在另一個輸入字段。然後根據需要在單元上設置vertical-align（在這種情況下，「排隊」意味着不同的解釋）。

來源

2013-02-05 07:29:33

使網頁表單字段排隊

回答

相關問題