Css 为什么内容不合理'；我的情况不行吗？

找不到为什么

.user name box

&

.user location

div不想停留在父div的中心的答案

。主要内容{
显示器：flex；
flex-flow：行nowrap；
证明内容：中心；
对齐项目：居中；
宽度：600px；
背景：灰色；
}
.用户信息{
显示：内联flex；
柔性流动：柱状nowrap；
证明内容：中心；
对齐内容：居中对齐；
宽度：300px；
背景：红色；
}
.用户名框{
显示器：flex；
宽度：100px；
高度：100px；
背景：蓝色；
颜色：白色；
}
.用户位置{
显示器：flex；
宽度：100px；
高度：100px；
背景：黄色；
颜色：黑色；
}

用户名框
用户位置

这是因为您使用的是

对齐内容

而不是

上的
对齐项目
。用户信息

。主要内容{
显示器：flex；
flex-flow：行nowrap；
证明内容：中心；
对齐项目：居中；
宽度：600px；
背景：灰色；
}
.用户信息{
显示：内联flex；
柔性流动：柱状nowrap；
证明内容：中心；
对齐项目：居中；
宽度：300px；
背景：红色；
}
.用户名框{
显示器：flex；
宽度：100px；
高度：100px；
背景：蓝色；
颜色：白色；
}
.用户位置{
显示器：flex；
宽度：100px；
高度：100px；
背景：黄色；
颜色：黑色；
}

用户名框
用户位置