这篇文章主要为大家详解CSS常用操作对齐方法,感兴趣的小伙伴们可以参考一下
一、使用margin属性进行水平对齐
*{ margin: 0px; } .div{ width: 70%; height: 1000px; background-color: red; margin-left: auto; margin-right: auto; }
margin:值1 值2
值1代表上下 值2代表左右
*{ margin: 0px; } .div{ width: 70%; height: 1000px; background-color: red; margin: 100px auto; }
二、使用position属性进行左右对齐
*{ margin: 0px; } .div{ width: 70%; height: 1000px; background-color: red; position: absolute; right: 0px; }
三、使用float属性进行左右对齐
*{ margin: 0px; } .div{ width: 70%; height: 1000px; background-color: red; float: left; }
以上是详解CSS常用操作对齐方法的详细内容。更多信息请关注PHP中文网其他相关文章!