Estoy haciendo un formulario en el cual, si no me alcanza en la pantalla deseo que se pase a la siguiente línea:
.container {
display: flex;
flex-wrap: wrap;
}
input {
width: 100%;
}
<div class="container">
<div>
<div>titulo</div>
<div><input /></div>
</div>
<div>
<div>titulo</div>
<div><input /></div>
</div>
<div style="width:100%;">
<div>titulo</div>
<div><input /></div>
</div>
<div>
<div>titulo</div>
<div><input /></div>
</div>
</div>
Pero cuando le pongo width: 100%
al penúltimo, por lógica me ocupa todo el width
y manda los demás div
al siguiente renglón, pero yo busco que mis div
se puedan distribuir al 100%
en el width
container
, pero si ya no alcanza pasarse a la siguiente línea con flex-wrap
.
De antemano, gracias por su ayuda