CSS常用操作——————对齐

发布时间：2020-07-27 17:04:51 阅读：310 作者：yeleven 栏目：开发技术

前端开发者测试专用服务器限时活动，0元免费领，库存有限，领完即止！点击查看>>

一、使用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;
}

向AI问一下细节

猜你喜欢