[分享]css两边对齐怎么设置

在网页布局中，经常需要让元素两边对齐，这就需要用到 CSS 来设置。以下介绍几种常见的设置方式。

// 容器设置 display: flex;
.container {
  display: flex;
  justify-content: space-between; /* 两端对齐 */
}

// 两个元素通过浮动来实现左右对齐
.left,
.right {
  float: left; /* 注意左浮动 */
  margin: 0 10px; /* 可根据情况调整 */
}

// 两个元素通过定位来实现左右对齐
.left {
  position: absolute;
  left: 0;
}
.right {
  position: absolute;
  right: 0;
} 

以上就是几种常见的 CSS 设置方式，可以根据实际情况选择合适的方式用在网页布局中。