Flex-box: выравнивание последней строки по сетке ⇐ CSS

[Anonymous]

У меня есть простой макет гибкого блока с контейнером типа:

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

.grid {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}

Теперь я хочу, чтобы элементы в последней строке были выровнены по отношению к другой. justify-content: space-between; следует использовать, поскольку ширину и высоту сетки можно регулировать.

В настоящее время это выглядит так:




Здесь я хочу, чтобы элемент в правом нижнем углу находился в " средний столбец». Каков самый простой способ добиться этого? Вот небольшой jsfiddle, демонстрирующий такое поведение.

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

.exposegrid {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}

.exposetab {
width: 100px;
height: 66px;
background-color: rgba(255, 255, 255, 0.2);
border: 1px solid rgba(0, 0, 0, 0.4);
border-radius: 5px;
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
margin-bottom: 10px;
}

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

Подробнее здесь: https://stackoverflow.com/questions/187 ... ow-to-grid