我正在嘗試在頁面中間放置一個紅色方塊。爲什麼我的柔性物品不在中心對齊?
我已經柔性容器設置爲100%的高度,並且也設置了HTML,身體100%,它仍然不居中對齊。
誰能請幫助我理解爲什麼它不工作?謝謝!
html, body {
height: 100%;
}
.flex-container {
display: flex;
flex-flow: column;
justify-content: center;
height: 100%;
}
.box {
flex: 0 0 100px;
background: red;
width: 100px;
}
<div class='flex-container'>
<div class='box'></div>
</div>
謝謝!這對我有效! – json1