[分享]css两个控件对齐

.container{ display: flex; justify-content: space-between; }

在网页设计中，常常需要将两个控件进行对齐。这时候，我们可以使用CSS来实现。下面介绍两种常用的CSS方法：

1. 使用浮动实现对齐

 .left{
    float: left;
  }
  
  .right{
    float: right;
  } 

将左右两个控件分别用类名设置浮动，即可使它们对齐。但是需要注意，如果控件的高度不同，可能会影响布局，需要根据实际情况调整

2. 使用flex布局实现对齐

 .container{
    display: flex;
    justify-content: space-between;
  } 

将两个控件放在一个容器中，在容器上使用flex布局，同时设置justify-content为space-between，即可实现将两个控件平均分配在容器两端。

以上两种方法各有优缺点，具体使用需要根据实际情况选择。同时，为了更好的兼容性和可读性，建议使用CSS预处理器来编写CSS代码。