[分享]css两个div左对齐

CSS是网页设计中必不可少的元素之一。在网页设计中，常常需要把两个Div左对齐，让页面更加美观。下面我们就看看怎么实现这个功能。 .container{ display: flex; justifyc...

CSS是网页设计中必不可少的元素之一。在网页设计中，常常需要把两个Div左对齐，让页面更加美观。下面我们就看看怎么实现这个功能。

 .container{
      display: flex;
      justify-content: space-between;
    }
    .left-div, .right-div{
      width: 50%;
    } 

首先，在CSS中新建一个父元素，类名为container，用flex布局把两个div放在同一行，并且看起来有间隔。然后在左右两个div上都添加类名left-div和right-div。最后设置两个div的宽度都为50%。

这样设置之后，左右两个div就可以自动对齐了。对于很多网页设计师来说，这个小技巧都是非常基本的技能，但是对于初学者来说，可能需要一些练习才能掌握哦！