欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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;