关于css中auto的作用_html/css_WEB-ITnose

回复讨论(解决方案)

你好：
实现居中的代码是这样的：#main{margin: 0 auto;}

原理是盒子模型的顺序，如果写完整的话是 #main{margin: 0 auto 0 auto;}
意思是：盒子的上下边距是0，左右是auto，这样，很简单就实现了盒子居中了。

auto就是根据浏览器的渲染而给她赋值。意思就是浏览器内置的值赋给它，或者是继承下来的值赋给它

auto在‘这里’是没有意义的

只有在实际使用的环境中才能讨论

反正来去就这么 几个地方 可以用 auto 每个试验下 就能理解 他的意思了

总之大胆试验吧

css渲染计算。

你好：
实现居中的代码是这样的：#main{margin: 0 auto;}

原理是盒子模型的顺序，如果写完整的话是 #main{margin: 0 auto 0 auto;}
意思是：盒子的上下边距是0，左右是auto，这样，很简单就实现了盒子居中了。


为什么左右时auto就自动居中了？浏览器是怎么处理auto的呢？

margin:0 10px 0 auto;

margin:0 auto 0 10px;

margin:0 auto 0 auto;

楼主试一下这三种在改变浏览器窗口大小情况下的显示就能明白

margin:上 右 下 左;

这里每一个位置都有对应的值的，用起来的标准是 margin:1px 1px 1px 1px; 这是代表上 右 下 左 四周的外补值都是 1px 。

也可以简写成 margin:1px 1px; 这样的写法意思是：第一个 1px 代表上和下， 第二个 1px 代表右和左；

如果四周的值都是一样的， 还可以简写成 margin:1px; 这样可以代表四周的值；

现在回到你的问题：居中的用法是 margin:0 auto; 这里明显就是代表，上下外补值为 0 然后右边为自动，左边也为自动，所以这个对象就在中间了。

你 你