Как не перегрузить последнюю линию в гибком контейнере с помощью Account Items: растяжение ⇐ CSS

[Anonymous]

У меня есть контейнер с гибкой с гибкой, wrap и выравниваемые элементы: reten , чтобы дети растягивались, когда контейнер изменяется до тех пор, пока следующий ребенок не подходит. Как я могу предотвратить это, кроме как создать кучу пустых ящиков в конце контейнера?

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

body {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-items: stretch;
align-items: stretch;
}
.child {
height: 50px;
margin: 10px;
-webkit-flex: 1 1 50px;
flex: 1 1 50px;
background-color: red;
border: 1px solid black;
}< /code>

jsfiddle здесь:
http://jsfiddle.net/m_gol/b3wlg/2/

Подробнее здесь: https://stackoverflow.com/questions/182 ... tems-stret