每当您希望弹性项目占据整个行时,请将其设置为
width: 100%/
flex-basis: 100%,然后
wrap在容器上启用它。
现在,该物品会消耗所有可用空间。兄弟姐妹被迫移至其他行。
.parent { display: flex; flex-wrap: wrap; align-items: center; background-color: #ececec;}.error { flex: 0 0 100%; border: 1px dashed red;}#range, #text { flex: 1;}<div > <input type="range" id="range"> <input type="text" id="text"> <label >Error message</label></div>


