CSS是网页设计中必不可少的元素之一。在网页设计中,常常需要把两个Div左对齐,让页面更加美观。下面我们就看看怎么实现这个功能。 .container{ display: flex; justify-
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就可以自动对齐了。对于很多网页设计师来说,这个小技巧都是非常基本的技能,但是对于初学者来说,可能需要一些练习才能掌握哦!
粉丝
0
关注
0
收藏
0