关于页面居中margin:0 auto的几个问题

来源:百度文库 编辑:神马文学网 时间:2024/04/25 03:04:14
关于页面居中margin:0 auto的几个问题2010-01-07 22:22 新人在页面开发的时候总会碰到显示器的问题,然而大部分朋友都是在1024*768分辨率的显示器下开发的.如果不让页面在任何显示器下都居中的话,就会给用户造成不良的影响.针对这点,我们就用CSS里的margin属性来让页面在任何分辨率的情况下剧中.

        让页面剧中的方法有很多,可以用JS来控制,可以用百分比来控制,可以用CSS来控制,今天我就跟大家说一下CSS里使用的margin:0 auto;的方法让页面剧中的几个注意事项.

        margin属性的作用,相信大家都知道,让元素向四周补白.可以有top,right,bottom,left4个方向来控制.简单的写法就是直接用margin后面跟上下左右的值.也就是margin:1px 1px 1px 1px,这样写就是让元素分别向上右下左补白1像素

         而margin:0 auto的意思就是说让元素向上补白0像素,左右为自动使用.这样按照浏览器的解析习惯是可以让页面剧中的.一般我们都会加在body标签里.

这里我们就要注意几个问题了.

        第一:在使用margin:0 auto的方法让页面剧中的时候,一定要给元素一个宽度,否则效果将会失败.
        第二:在使用margin:0 auto的方法让页面剧中的时候,一定不要让元素浮动,也就是说不要加float,否则效果也会失败.

         剧中的另一种方法,使用HTML标签中的

标签,不过使用这种标签的话,必须提前考虑好页面的整体架构,否则页面中所有的元素就将剧中.

         百分比的方法就相对简单一些,但是需要有清晰的头脑来考虑和计算宽度