如何在使用flex-box时保持图标居中？我有一个案例，一个页面中有2个图标，另一个页面中有3个图标用于react项目

在使用flex-box时，可以通过以下方式来保持图标居中：

1. 创建一个容器，并设置其为flex布局，使用display: flex;属性。
2. 在容器内部的图标元素上添加justify-content: center;属性，将图标水平居中。
3. 如果需要将图标垂直居中，可以使用align-items: center;属性。

示例代码如下：

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

.icon {
  /* 设置图标样式 */
}

对于你提到的案例，一个页面中有2个图标，另一个页面中有3个图标的React项目，可以按照上述方法为每个页面的图标创建一个对应的容器，并添加相应的flex布局样式，以保持图标居中。

此外，关于flex-box的更多详细信息和用法，你可以参考腾讯云开发者中心的相关文档：flexbox布局。

请注意，答案中不包含具体的云计算品牌商信息。如有需要，可以自行参考相关品牌商的文档和产品介绍。