#main{width:600px;
margin:0 auto;}
设置块级元素的 width 可以阻止它从左到右撑满容器。然后你就可以设置左右外边距为 auto 来使其水平居中。元素会占据你所指定的宽度，然后剩余的宽度会一分为二成为左右外边距。
唯一的问题是，当浏览器窗口比元素的宽度还要窄时，浏览器会显示一个水平滚动条来容纳页面。让我们再来改进下这个方案...
#main {max-width: 600px;
margin: 0 auto;
}
在这种情况下使用max-width替代width可以使浏览器更好地处理小窗口的情况。这点在移动设备上显得尤为重要，调整下浏览器窗口大小检查下吧！
顺便提下，所有的主流浏览器包括IE7+在内都支持max-width，所以放心大胆的用吧。
margin:0 auto;text-align:center; 左右margin一定要auto
.qie{margin-left: auto;margin-right: auto;width:200px; ...
background包含border margin：0 auto；左右居中 margin：auto 0；垂直居中 ...
auto：自动填充当margin-right设置为100px，margin-left设置为auto那么margin...
1. margin auto 与垂直居中 关于垂直居中的方式方式1：利用父元素position:relative和...
#main{width:600px; margin:0 auto;} 设置块级元素的 width 可以阻止它从左到...
margin: 0 auto;
初始代码： 最终效果： 1. 用margin: auto的方法 原理： margin: auto 常用于设置水平居...
1.水平居中的 margin：0 auto; a.图片设为块级，margin：0 auto; b.不浮动 ...
1.margin-top: -50% transform: -50% absolute margin auto Flex
本文标题：margin: auto;
本文链接：https://www.haomeiwen.com/subject/bpdvrttx.html
网友评论