不考虑兼容性,用flex布局会更方便一点,比如一个大盒子套着一个小盒子,给大盒子加上display:flex, align-item指定为center,这样实现了垂直居中,横向justify-content指定为center,实现了水平居中。
考虑兼容性,横向,小盒子的margin-left设置为50%,然后transform -50%再给他移过来,竖向也一样。
不考虑兼容性,用flex布局会更方便一点,比如一个大盒子套着一个小盒子,给大盒子加上display:flex, align-item指定为center,这样实现了垂直居中,横向justify-content指定为center,实现了水平居中。
考虑兼容性,横向,小盒子的margin-left设置为50%,然后transform -50%再给他移过来,竖向也一样。