方法一：使用定位属性
设置父元素为相对定位，给子元素设置绝对定位，left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%);
方案二：使用flex布局实现
设置父元素为flex定位，justify-content: center; align-items: center;
6.BFC的布局规则，实现原理，可以解决的问题
BFC直译为块级格式化上下文，它是一个独立的渲染区域，只有Block-level box参与，它规定了内部的Block-level Box如何布局，并且与外部毫不相干。注意：可以把BFC理解为一个大的盒子，其内部是由Block-level box组成的
如需转载，请注明文章出处和来源网址：http://www.divcss5.com/css-jiaocheng/tc59040.shtml
