Css高度自适应上下居中方式

最新推荐文章于 2023-03-12 20:33:48 发布

张晋悦

最新推荐文章于 2023-03-12 20:33:48 发布

阅读量1.5k

点赞数 2

分类专栏： CSS

本文链接：https://blog.csdn.net/weixin_43832104/article/details/88832910

版权

CSS 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

实现高度自适应并且上下居中

<div id="wrap">
	<div class="box">DemoSeat</div>
</div>
<style>
#wrap {
	position: fiexd;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	.box {
		veralign: middle;
		width: 500px;
		margin: 0 auto;
		&:before {
			content: '';
			display: inline-block;
			width: 0;
			height: 100%;
			veralign: middle;
		}
	}
}
</style>