Html 为什么flex项目不使用align项目和align内容进行拉伸

第一次编辑：如果我使用

对齐项目：拉伸我可以拉伸我的弹性项目，我不知道该怎么做，但我一直在玩弄它，并认为我应该添加此信息以及编辑，
对齐项目：拉伸
值，拉伸弹性项目

第二次编辑：好的，可能是我不清楚，我不是在寻找解决方案，我只是想知道为什么它没有用justify内容，就是这样，我自己可以通过编辑代码来解决这个问题，但我想知道原因，为什么它会这样做

我已经读过这个答案了

但我的问题不同，只要我添加
align items
，flex items就停止拉伸，在添加此属性之前，它们工作正常，我知道我可以通过将高度添加到
100%
来解决此问题，但我对此不感兴趣，我想知道它为什么会这样。
注意：我正在使用chrome

我的代码请阅读代码中的注释


.container{
字体大小：36px；
高度：800px；
边框：1px纯黑；
显示器：flex；
柔性包装：包装；
对齐项目：居中；
/*一旦我添加此“对齐项目”属性或“我的项目”
停止撒播，我不明白，如果使用值拉伸它撒播
我的项目，请先阅读问题中的注释，
它在顶端*/
对齐内容：拉伸；
}
.盒子{
宽度：400px；
颜色：#fff；
}
.box1{
背景：蓝色；
}
.box2{
背景：红色
}
.box3{
背景：黄色
}
.box4{
背景：黑色
}

家
菜单
关于我们
联系我们
如果要拉伸项目，而不是
居中
值，则需要为
对齐项目
属性使用
拉伸
值。因此，如果您只是更改
对齐项目：居中到
对齐项目：拉伸它将解决您的问题

我不确定您是否正在尝试将框与中心对齐并拉伸？您应该尝试将内容：中心添加到。容器：

     justify-content: center;

使用您添加的标记和css的工作笔：

对齐项目将沿横轴对齐方框，而对齐内容将沿主轴对齐方框

对齐内容更像是相对于flex容器调整行或列。如果“弯曲方向”为行，则为垂直方向；如果“弯曲方向”为列，则为水平方向。使用“对齐项目”可以在主轴上调整行的项目，如果将内容设置为随机大小，则可以更好地查看它们的交互方式：

设置对齐项目时：居中；您告诉项目对齐到中心，但它们不会拉伸

如果你想把文本放在框的中间，让它们伸展，你需要把它应用到容器的IE盒中：
您的
框
项不能同时
拉伸
和
居中

将
align items
和
align content
组合在一起不会发生这种情况，因为
align items
适用于单行的弹性项目，而
align content
在包装时也适用

注意，您不需要添加
对齐项目/内容
并将其值设置为
拉伸
，这是它们的默认值


对于解决方案，将
框设置为
高度：100%
将使它们看起来像是拉伸的，但与使用对齐项目/内容的
拉伸值相比，会产生完全不同的结果

对于固定高度，它们将是设置的高度，无论是否有2行或更多行，通过
拉伸
whey将调整它们的高度以适合它们的父行。简单地说，2行将使其高出50%，3行将使其高出33.33%，依此类推


假设它是
框
中要居中的文本，以及要拉伸的
框
，只需将
框
也制作成flex容器即可

添加
显示：flex；将项目对齐：居中
到
框
，它很可能会按照您想要的方式进行布局

如果您希望文本也水平居中，我在这里添加了
justify content:center，可以保留或删除


.container{
字体大小：36px；
高度：800px；
边框：1px纯黑；
显示器：flex；
柔性包装：包装；
}
.盒子{
宽度：400px；
颜色：#fff；
显示器：flex；
对齐项目：居中；/*垂直居中*/
对齐内容：居中；/*水平居中*/
}
.box1{
背景：蓝色；
}
.box2{
背景：红色
}
.box3{
背景：黄色
}
.box4{
背景：黑色
}

家
菜单
关于我们
联系我们
从代码中删除高度和宽度。如果要在display flex的“对齐项目”属性中使用拉伸值，则必须确保未给定预定义值。在这种情况下，它将忽略align items中给出的值并运行代码。
谢谢您的帮助，但请阅读我在问题顶部的标题first edit（第一次编辑）中写的内容，我提到了我自己我可以按照您刚才说的做来解决它，但我想知道为什么我必须这么做？？这就是问题所在，谢谢你的帮助，请再读一遍。我想我还不够清楚，我想知道它为什么会这样，对不起，谢谢你的帮助。我用更多的例子更新了答案，这可能有助于更好地解释它。对不起，我知道如果我将直接样式应用于弹性项目，我将能够拉伸它们，正如我在问题中提到的，身高100%我可以做到这一点，但我不想这样，我想解释我得到的输出，谢谢你的帮助，看看上面我得到了答案，谢谢你回答我美丽的，不，我在寻找任何特别的输出，我只是对我得到的输出感到困惑，我