div垂直置中 css3 Flexbox

CSS3 盒子模型：Flexbox，
使用 align-items 或 align-content 的屬性，
輕鬆就可以做到垂直置中的效果

.block_1{
display:flex;
align-items:center; /* 垂直置中 */
justify-content:center; /* 水平置中 */
width:300px; height:300px; background-color:#ffcc00;
}

.block div{ width:100px; height:50px; background:#099; } /* 置中內容 */