要让div内容居中显示，分两种情况说。水平居中可以用margin自动居中，写上margin-left和margin-right都等于auto；垂直居中得用text-align居中方式，给div设置这个属性就行。如果是块级元素，直接加display属性设为block，这样两个方向都能居中。

为什么这么操作？因为margin自动居中原理是浏览器自动计算左右空间，当div宽度小于父容器时，左右余白均分。测试数据显示，Chrome占70%市场份额，它对margin: auto的支持率是100%，而Safari和Firefox也有95%以上兼容度（数据来源：Can I Use）。text-align居中是针对文本内容，对图片等非文本元素无效，但配合display: block正好覆盖常见场景。注意div宽度要小于父容器，否则自动居中会失效。比如设置div宽300px，父容器宽500px时，左右各有100px空白。若父容器更窄，div会撑满居中。这种设计符合CSS盒模型规范，开发者手册明确说明auto值用于水平居中，而垂直居中需结合flexbox或绝对定位等其他方案。