Html
    Css
    Js

    
                        
.container {
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	text-align:center;
	white-space:nowrap;
	overflow:auto;
}
.container:after {
	content:'';
	display:inline-block;
	height:100%;
	vertical-align:middle;
}
.content {
	display:inline-block;
	vertical-align:middle;
}
.inner {
	display:flex;
	justify-content:center;
	align-items:center;
}
p {
	font-size:18px;
	color:#666;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

css垂直居中,自适应,复用性高,不需要任何插件,体积极小的页面

更新时间:2020-09-06 00:21:51

一款自适应,垂直居中,可用于网站升级中、404、500等等提示页面,无需任何插件,几行代码即可完成,简单,灵活,体积极小。

0