表单布局与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

回答

相关问题