精通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