Учитывая этот CSS:
div.container {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
border: 1px solid blue;
}
div.container div {
width: 200px;
border: 1px solid gray;
display: inline-block;
text-align: center;
}
В этом макете первый элемент в каждой строке выровнен по левому краю, а последний элемент - по необходимости.
По мере того как окно браузера становится более узким, распределенные элементы div
будут сближаться, пока они не коснутся touch, после чего они будут переупорядочены по дополнительному ряду. Опять же, первый div в каждой строке выровнен по левому краю, а последний выровнен по правому краю с пробелом между ними.
Есть ли способ установить минимальный интервал, чтобы внутренние элементы div
всегда имели зазор между ними.
отступы и поля, вероятно, не будут работать, так как выравнивание
<-- 1st left in row
и last right in row -->
не будут удерживаться.