1、创建一个容器元素：首先，创建一个容器元素来包含要排列的元素。可以使用一个div元素或其他适当的容器元素。

2、设置容器元素为Flex容器：将容器元素的CSS属性display设置为flex，将其定义为Flex容器。例如：

.container {display: flex;
}

3、设置主轴上的对齐方式：将容器元素的justify-content属性设置为center，以在主轴上实现居中对齐。这将使容器内的所有元素在水平方向上居中对齐。例如：

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

4、设置元素适应容器：在默认情况下，Flex项目将根据其内容的大小自动调整大小以适应容器。但为了实现水平居中，确保每个项目的flex属性设置为0 0 auto或其他适当的值。这将防止项目自动扩展并保持其原始大小。例如：

.item {flex: 0 0 auto;
}

5、可选步骤：根据需要进行其他样式设置：你可以根据具体的布局需求对项目进行其他样式设置，如间距、对齐方式等。
通过以上步骤，你可以将Flex项目排列在一行并使其水平居中。确保容器和项目的样式设置正确，并根据需要进行适当的调整。