2020.04.05
实现两个水平div,最后一个div右对齐(效果如下):
/
<div class="container">
<div class="item-left">左</div>
<div class="item-right">右</div>
</div>
.item-right{
margin-left: auto; //实现将元素右对齐
}
![](https://img.haomeiwen.com/i2573883/58765029f5ad7aca.png)
当然也可以是多个div元素实现同样的效果,原理是一样的哦,效果如下:
![](https://img.haomeiwen.com/i2573883/3faa0d14945ee859.png)
2020.04.05
实现两个水平div,最后一个div右对齐(效果如下):
/
<div class="container">
<div class="item-left">左</div>
<div class="item-right">右</div>
</div>
.item-right{
margin-left: auto; //实现将元素右对齐
}
当然也可以是多个div元素实现同样的效果,原理是一样的哦,效果如下:
本文标题:CSS小技巧-margin
本文链接:https://www.haomeiwen.com/subject/nauuphtx.html
网友评论