Javascript Flex Box未按预期运行

因此，我一直在寻找解决我的问题的方法，但一直没有运气，我正在努力弄清楚到底是什么原因导致我底部的一个按钮收缩，而其他按钮没有问题

我试着对齐self:end，但失败了，搜索后，这似乎对列不起作用，有人推荐margintop:auto。我也试过了，尽管它现在在底部，但它不像其他按钮/div那样收缩

梅努特姆先生{ 宽度：85%； 保证金：4倍； 文本对齐：居中； 背景色：084154； 边界半径：20px； 不透明度：0.5； } .menuItem:悬停{ 不透明度：0.8； 光标：指针； } .边界{ 宽度：80%； 填充：2px； 右边距：自动； 利润底部：4倍； 左边距：自动； 边框底部：2个实心F4； } 梅努帕内尔{ 宽度：20%； 身高：100%； 字号：18px； 背景色：336699； } 内容{ 宽度：80%； 身高：100%； } /*我所有的灵活性*/ /*柔性容器*/ .flexVertContainer{ 显示器：flex； 弯曲方向：立柱； } .柔性容器{ 显示器：flex； 弯曲方向：行； } /*弹性项目*/ 1.flexItem{ 弹性：0； } 屈菜{ 填充：20px； 柔性：0.5 0.5自动； 最大宽度：50%； } /*Flex插件*/ /*向后弯曲垂直中心和水平中心R*/ .extFlexContainerItemsHostCenter{ /*自动水平对齐*/ 证明内容：中心； } .ExtFlexContainerItemsSpaced{ /*空间对齐的对象*/ 证明内容：周围的空间； } .EXTflexContainerItemsVertCenter{ /*自动垂直对齐*/ 对齐项目：居中； } 仪表板

管理

使用者

账单

---

在另一个按钮中，您可以使用p标记。他有默认的浏览器边距

并且，在浏览器中没有添加默认边距。所以他的大小取决于他的内容。如果你想使链接像另一个按钮，那么你需要添加填充到它

梅努特姆先生{ 宽度：85%； 保证金：4倍； 文本对齐：居中； 背景色：084154； 边界半径：20px； 不透明度：0.5； } .menuItem:悬停{ 不透明度：0.8； 光标：指针； } .边界{ 宽度：80%； 填充：2px； 右边距：自动； 利润底部：4倍； 左边距：自动； 边框底部：2个实心F4； } 梅努帕内尔{ 宽度：20%； 身高：100%； 字号：18px； 背景色：336699； } 内容{ 宽度：80%； 身高：100%； } /*我所有的灵活性*/ /*柔性容器*/ .flexVertContainer{ 显示器：flex； 弯曲方向：立柱； } .柔性容器{ 显示器：flex； 弯曲方向：行； } /*弹性项目*/ 1.flexItem{ 弹性：0； } 屈菜{ 填充：20px； 柔性：0.5 0.5自动； 最大宽度：50%； } /*Flex插件*/ /*向后弯曲垂直中心和水平中心R*/ .extFlexContainerItemsHostCenter{ /*自动水平对齐*/ 证明内容：中心； } .ExtFlexContainerItemsSpaced{ /*空间对齐的对象*/ 证明内容：周围的空间； } .EXTflexContainerItemsVertCenter{ /*自动垂直对齐*/ 对齐项目：居中； } 梅努特姆先生{ 显示：块； 填充：1em 0； } 仪表板

管理

使用者

账单

---

所以这段时间我一直在指责flex，而事实上这是我的利润