关于div元素居中

先看图

关于div元素居中_第1张图片

代码如下:



	
		
		
		
	
	
		
demo:
flex垂直居中

demo2:
绝对定位水平居中
demo3:
绝对定位垂直居中
demo4:
绝对定位水平垂直居中

可参考文章

1.水平垂直居中——position与margin的结合使用

https://blog.csdn.net/fxss5201/article/details/73755275

2.30分钟彻底弄懂flex布局

你可能感兴趣的:(html,css)