使用flexbox使内容居中，同时不使元素并排显示

使用flexbox可以很方便地实现内容居中，同时不使元素并排显示。Flexbox是一种用于布局的CSS模块，它提供了强大的灵活性和响应性。

要实现内容居中，可以按照以下步骤操作：

1. 创建一个父容器，设置其display属性为flex，这样它的子元素就可以使用flexbox布局了。

.container {
  display: flex;
}

1. 默认情况下，flex容器的子元素会水平排列。为了使内容居中，可以使用justify-content属性设置主轴上的对齐方式为居中。

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

1. 如果希望内容在垂直方向上也居中，可以使用align-items属性设置交叉轴上的对齐方式为居中。

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

这样，容器中的内容就会在水平和垂直方向上都居中显示了。

关于flexbox的更多详细信息和用法，可以参考腾讯云的CSS Flexbox布局指南：https://cloud.tencent.com/developer/doc/1263