CSS小技巧-margin

2020.04.05

实现两个水平div，最后一个div右对齐(效果如下)：

/
<div class="container">
        <div class="item-left">左</div>
        <div class="item-right">右</div>
</div>

.item-right{
    margin-left: auto;  //实现将元素右对齐
}

两个元素右对齐.png

当然也可以是多个div元素实现同样的效果,原理是一样的哦，效果如下:

多个元素右对齐.png