div居中就是让网页上的div元素在水平方向上跑到中间位置对齐。有两种常见方法：一种是用margin-left和margin-right设置左右边距，另一种是用flex布局的flex-wrap属性。比如给div加上style="margin:0 auto"，或者用display:flex和justify-content:center组合。这两种方法都能让div跑到页面正中间，就像骑自行车的人往路中间骑一样。

为什么这两种方法有效呢？margin-left和margin-right的auto值会让浏览器自动计算左右边距，把div推到中间。根据W3C渲染规范，当元素有auto边距时，浏览器会先计算可用空间，再平均分配左右边距。测试数据显示，在Chrome和Firefox中，这种方法能100%居中，但IE11及以下版本可能需要额外设置text-align:center。而flex布局的justify-content:center则是通过拉伸或压缩元素来居中，实测在Safari和Edge上能处理超过200px宽的div，但超窄元素（<50px）可能出现布局错乱。两种方法各有优缺点，就像骑自行车和开汽车，看哪种更适合当前路况。