Как установить минимальное пространство между элементами флексбокса? ⇐ CSS

[Anonymous]

Учитывая этот 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 будут сближаться друг с другом до тех пор, пока они не соприкоснутся, после чего они перестроятся на дополнительную строку. Опять же, первый элемент div в каждой строке выравнивается по левому краю, а последний — по правому с пробелом между ними.

Есть ли способ установить минимальный интервал, чтобы внутренние элементы div всегда имели зазор между ними.

отступы и поля, вероятно, не будут работать, поскольку выравнивание

Код: Выделить всё

 не будут сохраняться. 

Подробнее здесь: [url]https://stackoverflow.com/questions/32984008/how-can-i-set-a-minimum-amount-of-space-between-flexbox-items[/url]