2008-11-02 3 views
1

Мне нужно создать форму с полулинейным представлением (текстовые поля и выпадающие списки в отдельной строке), а другая половина - не линейный вид, то есть текстовые поля будут отображаться рядом друг с другом, например, имя и фамилия будут рядом друг с другом.формат формы с 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; 
} 

Как получить нелинейный вид?

ответ

1

если вы плавать: слева, установить ширину и дисплей: встраивать другие поля ввода, то должны появляться на той же строке

+0

Вышеуказанный CSS, который я использую для линейного представления, которое является первой половиной формы, поэтому я могу игнорировать float: left и просто использовать display: inline? – 2008-11-02 21:12:44

0

display: inline помещает деталь на одной и той же линии.

display: block дает изделию целую линию.

float: left плавает элемент слева.

Смежные вопросы