精通CSS与HTML设计模式 第九章(定位:进阶)

       这一章对所有的定位进行总结

  

一、左对齐

块状元素居中
内联元素无效

          ① 要将内容左对齐      将text-align:left  赋值包含的块状元素,因为内联元素是包含内容大小的

          ②左对齐的设定尺寸的元素    magin-left:0  将它左对齐,使用margin-right :auto阻止它右对齐,对于绝对定位的元素,采用left:0左对齐,right:auto来阻止它右对齐 

          ③要创建一个左对齐并且拉伸的元素      可以使用width:auto,margin-left:0,margin-right:0来拉伸它的宽度至左右侧。对于一个绝对元素,可以使用left:0和right:0 来拉伸它至左右两侧

          ④要创建一个左对齐的包裹元素    left:0或margin-left:0

          注:IE6不支持拉伸

 二、左偏移

        margin-left:value      正值向右偏移    负值向左偏移

三、右对齐

       同左对齐

四、右偏移

       同左偏移

五、中心对齐

       内容中心对齐            text-align:center

       对于设定尺寸的绝对定位元素中心对齐       left:0px;right:0px;margin-left:auto;margin-right:auto

 

posted @ 2010-12-01 10:31  菜鸟吃虫,虫吃菜  阅读(704)  评论(0编辑  收藏  举报