美文网首页
CSS小技巧-margin

CSS小技巧-margin

作者: 芝草晟林 | 来源:发表于2020-04-05 15:27 被阅读0次

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

相关文章

网友评论

      本文标题:CSS小技巧-margin

      本文链接:https://www.haomeiwen.com/subject/nauuphtx.html