Flexbox实现垂直水平居中
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Flexbox实现垂直水平居中相关的知识，希望对你有一定的参考价值。
<style type="text/css">
.container{border:1px solid red; height:200px;
display: flex; justify-content: center; align-items: center; text-align:center;
}
</style>
<div class="container">
<img src="http://pic.cnitblog.com/face/340216/20131017185242.png" alt="fireworks">
</div>
以上是关于Flexbox实现垂直水平居中的主要内容，如果未能解决你的问题，请参考以下文章