Здравствуйте
В приведенной ниже форме устраивало всё, только верхние два поля хотелось растянуть на всю ширину формы, до правого её края
изменил стиль вот так
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>