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

css垂直居中

程序员文章站 2022-04-24 22:25:23
...

布局解决方案

方法1

.parent{
	vertical-align: middle;
	dispaly: table-cell;
}

方法2

.parent{
	position: relative;
}
.child{
	position: absolute;
	top: 50%;
	transform: translateX(-50%);
}

方法3

.parent{
	display: flex;
	align-items: center;
}