Не получается выровнять поля в форме
От: goldfish Украина  
Дата: 17.12.16 15:17
Оценка:
Здравствуйте
В приведенной ниже форме устраивало всё, только верхние два поля хотелось растянуть на всю ширину формы, до правого её края
изменил стиль вот так
flow: grid( 1 2 2 2,
            3 4 4 4,
            5 6 7 8,
            9 10 11 12,
            13 14 );

Нужные поля растянулись, но при этом другие расползлись по сторонам
Подскажите как привести форму к желаемому виду



исходная форма
<style>
html 
{ 
    font: system;
    width: max-intrinsic; 
    height: max-intrinsic; 
    overflow: hidden; 
}
form
{
    flow: grid( 1 2,
                3 4,
                5 6 7 8,
                9 10 11 12,
                13 14 );
    border-spacing: 4dip;
}
form > label { white-space:nowrap; text-align:right; vertical-align:baseline; }
form > .wide { width: *;  }

</style>
<body>

<form>
    <label>select</label>     <select type="dropdown" .wide editable ... />
    <label>input text</label> <input type="text" .wide ... />
    <label>date</label>       <input type="date" ... />
    <label>date</label>       <input type="date" ... />
    <label>integer</label>    <input type="integer" ... />
    <label>select</label>     <select><option>... ...</option></select>
    <label>decimal</label>    <input type="decimal" ... />
</form>

</body>
 
Подождите ...
Wait...
Пока на собственное сообщение не было ответов, его можно удалить.