一、使用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; }
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。