[分享]css两个元素一行

CSS中有很多技巧可以将两个元素横向排列在同一行，一般可使用float属性实现，也可以使用flexbox布局等现代技术。以下是两种常见的实现方式：/ 第一种方式，使用float / .box { wi...

CSS中有很多技巧可以将两个元素横向排列在同一行，一般可使用float属性实现，也可以使用flexbox布局等现代技术。以下是两种常见的实现方式：

/* 第一种方式，使用float */

.box {
  width: 100%;
}

.box div {
  float: left;
  width: 50%;
}

/* 第二种方式，使用flexbox */

.box {
  display: flex;
}

.box div {
  flex: 1;
}

以上两种方式都能实现将两个元素排列在同一行，具体选择哪一种实现方式则取决于需求和场景。需要注意的是，使用float属性时需要自己清除浮动，而使用flexbox则不需要。