码迷,mamicode.com
首页 > Web开发 > 详细

css中元素的auto属性值是什么意思,比如margin:0 auto表示什么?

时间:2017-05-21 21:53:16      阅读:319      评论:0      收藏:0      [点我收藏+]

标签:大小   默认   默认值   auto   效果   相等   style   使用   ext   

auto 你可以理解为一种 自动/自适应 的概念 比如 现在项目需要一个宽度为960px的整体布局居中 
根据用户浏览器大小不同你将需要使用margin:0 auto;来实现。 无论用户浏览器宽度为多少。
960px的定位宽度永远居中。

css中的auto是自动适应的意思,而在css中auto往往都是默认值。

正如margin:0 auto,意思就是上下边距为0,左右边距为auto,就是自动适应。
但是,如果要使用他的话,就必须给标签配上指定的宽度,如下:
<div class="center">居中</div>
<style type="text/css">
.center{
width:200px;

height:200px;

margin:0 auto;

}
</style>
另外,margin:0 auto 和 margin: 0 auto 0 auto 的效果是相同的。
都是指的上下边距为0,左右边距自动适应宽度相等。

css中元素的auto属性值是什么意思,比如margin:0 auto表示什么?

标签:大小   默认   默认值   auto   效果   相等   style   使用   ext   

原文地址:http://www.cnblogs.com/Edliu/p/6883793.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!