利用flexbox實(shí)現(xiàn)div居中的css，高版本IE才支持。不過(guò)連微軟都放棄IE改用edge了，我們?yōu)楹芜€要再垂死掙扎在IE上，不能再縱容老頑固們用IE了。作為一個(gè)前端開(kāi)發(fā)我們要為淘汰IE貢獻(xiàn)一份自己的力量。
<pre>
.block-center{
display: -webkit-box;
display: -ms-flexbox;
display: -moz-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-moz-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
</pre>
在父組件中加入該css樣式，即可實(shí)現(xiàn)子組件在父組件內(nèi)的居中