实现水平居中方式 一、已知宽度,如何实现水平居中 1.设置子元素的line-height值等于父元素的height,这种方法适用于子元素为单行文本的情况 2.margin: 0 auto;实现水平居中 3.已知宽度并且用float或者display把父元素变成行内块状元素 二、未知宽度,如何实现水平居中 1.行内居中text-align:center;实现水平居中 2.绝对定位+transform实现水平居中,translateX可以移动本省元素的50% 三、垂直居中 1.通过translateY即可定位到垂直居中的位置。