css3实现垂直居中-flex_html/css_WEB-ITnose

WBOY
發布: 2016-06-24 11:37:20
原創
979 人瀏覽過

关键兼容代码:

  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;
登入後複製
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板