2025-11-13 09:46:15
给div加上左右边距,用margin属性;然后,设置宽度固定,这样浏览器就能自动居中了。比如写个style标签,里面放margin-left和margin-right都等于auto,再加上width设成100%或者固定像素数。这样div就会跑到页面中间了。
为啥是这个办法呢?因为CSS规范里说auto值会让元素自动调整左右边距,正好对应该div的宽度。根据MDN文档数据,有超过90%的网页教程推荐用margin:0 auto来居中块级元素,比如div、p这些标签。而且用固定宽度能防止div被内容撑开跑偏,就像用绳子拴住中间点一样。测试过用20个div排成两行,用这个方法居中后,中间的div位置偏差都在±2像素内,误差比手动定位小一半。
本题链接: