Css 如何使用属性对齐项居中：居中？

主题存在于StackOverFlow上，如下所示：

事实上，我使用了两个属性，它们是

justify content:center和
对齐项目：居中除了，我总是有同样的问题


编辑：

.container{
  display: flex;
  padding-top: 35px;
  width: 90%;
  margin: 0 auto;
  background-color: black;
  justify-content: center;
  align-items: center;

}

老实说，我不明白问题出在哪里


正文{
填充：0；
保证金：0；
}
p{
字体大小：13px；
}
.集装箱{
显示器：flex；
填充顶部：35px；
宽度：90%；
保证金：0自动；
背景色：黑色；
证明内容：中心；
对齐项目：居中；
}
.包装纸{
柔性生长：1；
位置：相对位置；
}
.第一个文本{
填充顶部：15px；
字体大小：25px；
颜色：红色；
文本转换：大写；
浮动：左；
}

管理层

资产信托管理是最重要的
世界股票市场上流行的操作方法
公司和个人。在
资产信托管理我们可以提到很多

有据可查

资产信托管理是最重要的
世界股票市场上流行的操作方法
公司和个人。在
资产信托管理我们可以提到很多

有据可查

资产信托管理是最重要的
世界股票市场上流行的操作方法
公司和个人。在
资产信托管理我们可以提到很多

包装器中没有flexbox功能，这是您案例的问题所在


正文{
填充：0；
保证金：0；
}
p{
字体大小：13px；
}
.集装箱{
显示器：flex；
填充顶部：35px；
宽度：90%；
保证金：0自动；
背景色：黑色；
对正内容：空间均匀；
对齐项目：居中；
}
.包装纸{
显示器：flex；
柔性流动：柱；
对齐项目：居中；
证明内容：中心；
宽度：25%；
}
.第一个文本{
填充顶部：15px；
字体大小：25px；
颜色：红色；
文本转换：大写；
浮动：左；
}

管理层

资产信托管理是最重要的
世界股票市场上流行的操作方法
公司和个人。在
资产信托管理我们可以提到很多

有据可查

资产信托管理是最重要的
世界股票市场上流行的操作方法
公司和个人。在
资产信托管理我们可以提到很多

有据可查

资产信托管理是最重要的
世界股票市场上流行的操作方法
公司和个人。在
资产信托管理我们可以提到很多

包装器中没有flexbox功能，这是您案例的问题所在


正文{
填充：0；
保证金：0；
}
p{
字体大小：13px；
}
.集装箱{
显示器：flex；
填充顶部：35px；
宽度：90%；
保证金：0自动；
背景色：黑色；
对正内容：空间均匀；
对齐项目：居中；
}
.包装纸{
显示器：flex；
柔性流动：柱；
对齐项目：居中；
证明内容：中心；
宽度：25%；
}
.第一个文本{
填充顶部：15px；
字体大小：25px；
颜色：红色；
文本转换：大写；
浮动：左；
}

管理层

资产信托管理是最重要的
世界股票市场上流行的操作方法
公司和个人。在
资产信托管理我们可以提到很多

有据可查

资产信托管理是最重要的
世界股票市场上流行的操作方法
公司和个人。在
资产信托管理我们可以提到很多

有据可查

资产信托管理是最重要的
世界股票市场上流行的操作方法
公司和个人。在
资产信托管理我们可以提到很多

自对准：居中-
align self
用于flex项目，而不是flex容器；您可能打算使用
align items
如果我没有弄错的话，您的问题似乎是右侧有一些剩余空间。您是否尝试过使用100%的宽度，去掉margin:0 auto并将justify content设置为space-around或space-between？实际上，您正在尝试做什么？原因
align items:center
用于将项目垂直居中，并
justify content
将其水平居中，您应该使用100%的宽度将项目水平对齐，因为上述项目也使用100%的宽度对齐，与上述其他项目一样，不会对您的容器产生任何影响。删除类似于？
align self:center的内容-
align self
用于flex项目，而不是flex容器；您可能打算使用
align items
I