不给盒子宽高,让盒子垂直居中的方法

1、定位

{
	position:absolute; 
	top:50%; 
	left:50;
	transform:translate(-50%,-50%);
}

2、flex布局

// 给父盒子添加属性
{
	display:flex;
	justify-content:center; 
	align-items:center;
}

3、为父盒子设置属性

{
	display: table-cell; 
	text-align:center; 
	vertical-align:middle;
}

你可能感兴趣的:(前端)