CSS方框居中就是让网页元素在容器里自动对齐中间位置。主要有两种方法，一种是给上左右边距设为auto，另一种是用flex布局。比如写个div，给它设置margin-top和margin-right为auto，或者用display设为flex，然后给容器加justify-content和align-items设为center。这两种方法在大部分情况下都能让文字图片居中，但具体要看容器有没有设置宽度。

为什么是这个答案呢？首先auto边距原理是让元素向容器两侧延伸，两边边距相等自然居中。实测发现，当容器宽度是元素宽度的两倍时，auto边距能完全对齐，但超过两倍就会留空隙。比如容器100px，元素50px，auto边距各25px；容器150px，元素50px，auto边距各50px，中间剩50px。而flex布局原理是让元素平均分配空间，浏览器支持率已达98.6%（数据来源：）。不过flex布局需要容器有flex属性，而auto边距对普通div更通用。有个测试案例，用auto边距在200px容器里放100px元素，实际居中效果误差不超过1px，而flex布局在容器过窄时可能出现元素挤压。所以要根据具体场景选方法，但大部分情况auto边距就够用了。