面试常问：7种CSS实现元素水平垂直居中的方法方法一：text-align + vertical-align方法二：text-align + line-height方法三：position定位+margin方法四：position定位+transform:translate() （推荐）方法五：定位top、left、right、bottom:0+margin: auto方法六：flex布局+justify-content、align-items/align-content方法七：fle
在 CSS 中对元素进行水平居中是非常简单的：如果它是一个行内元素，就对它的父容器应用text-align:center；如果它是一个块级元素，就对它自身应用margin:auto。
