Html 为什么Firefox/browser会从“调整内容”调整“调整内容”规则；“周围的空间”；至；中心；？

对于这个愚蠢的问题，很抱歉，我目前正在为uni的一个项目处理一个涉及设置flexbox规则的问题

flexbox容器的规则，特别是justify content规则在样式表中被称为“space around”。但当我在Firefox中加载预览并查看页面时，规则显示“中心”

<>这是导致所有容器在中间相遇，而不是周围空间所期望的间距。下面是我的代码，非常感谢任何帮助或建议，以进一步了解这一点

即使我在堆栈溢出代码预览中运行它，它似乎也遵循规则，它可能是大小的内联语句（在每个img标记上）吗

正文{
背景色：rgb（103135103）；
}
p{
颜色：rgb（0,0,0）；
}
a:链接，a:已访问{
颜色：rgb（0、157、255）；
}
a:悬停{
颜色：rgb（255,60,0）；
}
h1{
背景色：rgb（69,103,69）；
颜色：rgb（255、255、255）；
}
页脚{
背景色：rgb（69,103,69）；
颜色：rgb（255、255、255）；
}
导航{
背景色：rgb（49,96,49）；
边缘底部：20px；
填充：10px；
}
.动物学{
柔性生长：1；
框大小：边框框；
宽度：100%；
}
#页面{
最大宽度：100%；
左边距：自动；
右边距：自动；
}
@媒体屏幕和屏幕（最小宽度：40em）{
最大宽度：50em；
}
@媒体屏幕和屏幕（最小宽度：64em）{
最大宽度：75；
}
.动物菜单{
显示器：flex；
证明内容：周围的空间；
}
.动物菜单部{
弹性：1；
}
.动物菜单部{
框大小：边框框；
宽度：100%；
}

鸟
©2021-个人