这篇文章主要为大家详解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中文网其它相关文章!
已抢23299个
抢已抢117675个
抢已抢139181个
抢已抢6215个
抢已抢35389个
抢已抢7955个
抢