Как сделать элементы Flexbox одинакового размера ⇐ CSS

[Anonymous]

Я хочу использовать Flexbox, в котором есть некоторое количество элементов одинаковой ширины. Я заметил, что Flexbox равномерно распределяет пространство, а не само пространство.
Например:

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

.header {
display: flex;
}

.item {
flex-grow: 1;
text-align: center;
border: 1px solid black;
}

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

asdfasdfasdfasdfasdfasdf
z

Первый элемент намного больше второго. Если у меня есть три элемента, четыре элемента или n элементов, я хочу, чтобы все они отображались в одной строке с одинаковым пространством для каждого элемента.
Есть идеи?
http://codepen.io/anon/pen/gbJBqM

Подробнее здесь: https://stackoverflow.com/questions/295 ... -same-size