Home > Article > Web Front-end > css3实现垂直居中-flex_html/css_WEB-ITnose
css3实现垂直居中-flex_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 11:37:20931browse
关键兼容代码：
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;
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：使用下一个版本的ECMAScript编写模块化和可扩展的CSS：unistyle_html/css_WEB-ITnoseNext article：什么是表现和内容分离_html/css_WEB-ITnose