实现div水平、垂直居中的几种方法

1、最常用的,也是最简单的(利用position定位、再用margin偏移)




	
	实现div水平垂直居中
	


		

2、利用css3新增属性弹性盒子align-items和justify-content(会存在一些兼容性问题,没关系,以后肯定会兼容的)

这种方法还有一个好处:就算不给里层容器定义宽高,也会根据文本内容自动居中




	
	实现div水平垂直居中
	



		
aaaaaaaaaaaaaa
实现div水平、垂直居中的几种方法_第1张图片

3、这里扩充一下flex的盒子布局




	
	实现div水平垂直居中
	



		

实现div水平、垂直居中的几种方法_第2张图片

你可能感兴趣的:(css样式)