块元素的居中问题

方法一:利用弹性和模型
对块元素的父级设置:display:flex;justify-content: space-around;align-items:center;
方法二:利用定位:
对块元素的父级设置position:relative;
对块元素设置:position : absolute; left:0;right: 0; top:0;bottom: 0;
margin: auto;
方法三:利用定位(已知元素的尺寸)
对块元素的父级设置position:relative;
对块元素设置:position : absolute;left:50%;top:50%;
margin:-n 0 0 -n; (其中n代表块元素尺寸的一半)

你可能感兴趣的:(块元素的居中问题)