Justify-Content Flexbox在Chrome与Firefox

Question

我把它放在Codepen上，你可以看一下 特别是这个细分是我一直在尝试的

input[type="radio"]:checked.book + div {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

整件事：http://codepen.io/Trel/pen/JRBvLv

基本上发生的事情是我尝试使用justify-content来固定那些文本行。

在Firefox中发生了什么，它正在寻找我的预期。 在Chrome中，它会进一步拉伸并溢出它的容器。

我不知道哪个做得对，但Firefox正在展示我的目标。