本文共 638 字，大约阅读时间需要 2 分钟。
一、使用margin属性进行水平对齐
| 1 2 3 4 5 6 7 8 9 10 | *{ margin: 0px; } .div{ width: 70%; height: 1000px; background-color: red; margin-left: auto; margin-right: auto; } |
margin:值1 值2
值1代表上下 值2代表左右
| 1 2 3 4 5 6 7 8 9 | *{ margin: 0px; } .div{ width: 70%; height: 1000px; background-color: red; margin: 100px auto; } |
二、使用position属性进行左右对齐
| 1 2 3 4 5 6 7 8 9 10 | *{ margin: 0px; } .div{ width: 70%; height: 1000px; background-color: red; position: absolute; right: 0px; } |
三、使用float属性进行左右对齐
| 1 2 3 4 5 6 7 8 9 | *{ margin: 0px; } .div{ width: 70%; height: 1000px; background-color: red; float: left; } |
转载地址：http://kudfa.baihongyu.com/