css3实现垂直居中-flex_html/css_WEB-ITnose
程序员文章站
2022-05-24 12:45:54
...
关键兼容代码:
display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; /* 水平居中*/ -webkit-box-align: center; -moz-box-align: center; -ms-flex-pack:center;/* IE 10 */ -webkit-justify-content: center; -moz-justify-content: center; justify-content: center;/* IE 11+,Firefox 22+,Chrome 29+,Opera 12.1*/ /* 垂直居中 */ -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-align:center;/* IE 10 */ -webkit-align-items: center; -moz-align-items: center; align-items: center;