表單佈局與CSS

我需要創建一個半線性視圖（文本框和下拉列表分隔線）和另一半，非線性視圖，即文本框將出現在彼此旁邊，如名字和姓氏將彼此相鄰。表單佈局與CSS

我知道如何用CSS實現線性視圖。我正在使用

fieldset { 
    clear: both; 
    font-size: 100%; 
    border-color: #000000; 
    border-width: 1px 0 0 0; 
    border-style: solid none none none; 
    padding: 10px; 
    margin: 0 0 0 0; 
} 

label 
{ 
    float: left; 
    width: 10em; 
    text-align:right; 
}

如何獲得非線性視圖？

來源

2008-11-02 Saif Khan

如果還浮動：左，設置一個寬度和顯示：內嵌其他輸入字段時，應顯示在同一行上

來源

2008-11-02 21:03:13 Jake

上面的CSS我用於線性視圖，這是窗體的前半部分，所以，我可以忽略float：left並且只是使用display：inline？ – 2008-11-02 21:12:44

display: inline把在同一行上的項目。

display: block給項目一個完整的行。

float: left將項目漂浮到左側。

來源

2008-11-03 05:34:22

表單佈局與CSS

回答

相關問題