CSS同线对齐

在CSS中，要实现同行对齐，可以使用display: flex属性。这个属性可以将一个元素的子元素排列成一行，并且可以对齐其中的元素。

例如，如果我们有一个包含三个子元素的父元素，我们可以使用以下代码来实现同行对齐：

.parent {
  display: flex;
  justify-content: center;
  align-items: center;
}

在这个例子中，display: flex属性将父元素的子元素排列成一行，justify-content: center属性将子元素水平居中对齐，align-items: center属性将子元素垂直居中对齐。

如果我们只需要将子元素水平对齐，可以使用justify-content属性，例如：

.parent {
  display: flex;
  justify-content: center;
}

如果我们只需要将子元素垂直对齐，可以使用align-items属性，例如：

.parent {
  display: flex;
  align-items: center;
}

需要注意的是，display: flex属性在一些旧版本的浏览器中可能不被支持，因此在使用时需要进行兼容性测试。