相對於上一個屬性，這是交錯軸的對齊設定。 .flex-container { align-items: flex-start | flex-end | center | baseline | stretch ... ... <看更多>

Flex 是在CSS3 發佈的屬性，目的是為了讓大家使用flex 後能更有效率的達成想要的切版效果，像是大家在排版的時候，是不是常常會遇到垂直置中的問題呢？ ... <看更多>

width: 500px;. height: 250px;. border: 1px solid #f00;. margin: auto;. display: flex;. flex-wrap: wrap;. justify-content: center;. align-content: center;. ... <看更多>

Update 1: Center 'middle' div vertically of the whole 'wrapper'. .wrapper { height: 100px; width: 100px; display: flex; flex-direction: ... ... <看更多>