Вы не зашли.
Главная » CSS » Примеры flexbox
#1. Gemorroj Off (108)
Administrator
2016.10.06 18:06
Типовая задача - сделать форму ввода данных вида:
--------------
label: input
label: input
--------------
обычно это делается через float.
с помощью flex это делается много проще. Пример ниже.
Код:
<html>
<head>
<style type="text/css">
.form-group {
display: flex;
}
.form-group label {
flex-basis: 150px;
}
.form-group input, .form-group select {
flex: 1;
}
</style>
</head>
<body>
 
<div class="form-group">
<label>test select:</label>
<select><option value="test">test</option></select>
</div>
<div class="form-group">
<label>test input:</label>
<input type="text" value="test"/>
</div>
 
</body>
</html>
Вложения
1.png 3kb {694x177} [загрузок: 710]
Страниц: 1
Главная
WEB
PunBB Mod v0.6.1
0.007 s