Html 为什么flexbox justify内容使我的'；区块'；内联按钮？

事件容器{ 利润率最高：8%； 左缘：5%； 宽度：30%； 最大宽度：400px； 浮动：左； 显示器：flex； 证明内容：中心； 边框样式：实心； 边框宽度：1px； 边框颜色：#909090； } .事件类别按钮{ 边框样式：实心； 背景色：#fff； 边框颜色：#D4； 边框宽度：1px； 字母间距：.5px； 边界半径：30px； 利润率最高：8%； 保证金权利：5%； 宽度：140px； 线高：2； 高度：40px； }

弗斯特
第二
第三

您需要为此修改flex方向和对齐项目css属性。“弯曲方向”的默认值为“行”，这会导致内联外观放置。您应该设置为“列”或“列反转”以垂直放置项目

事件容器{ 利润率最高：8%； 左缘：5%； 宽度：30%； 最大宽度：400px； 浮动：左； 显示器：flex； 弯曲方向：立柱； 对齐项目：居中； 边框样式：实心； 边框宽度：1px； 边框颜色：#909090； } .事件类别按钮{ 边框样式：实心； 背景色：#fff； 边框颜色：#D4； 边框宽度：1px； 字母间距：.5px； 边界半径：30px； 利润率最高：8%； 保证金权利：5%； 宽度：140px； 线高：2； 高度：40px； }

弗斯特
第二
第三

您需要为此修改flex方向和对齐项目css属性。“弯曲方向”的默认值为“行”，这会导致内联外观放置。您应该设置为“列”或“列反转”以垂直放置项目

事件容器{ 利润率最高：8%； 左缘：5%； 宽度：30%； 最大宽度：400px； 浮动：左； 显示器：flex； 弯曲方向：立柱； 对齐项目：居中； 边框样式：实心； 边框宽度：1px； 边框颜色：#909090； } .事件类别按钮{ 边框样式：实心； 背景色：#fff； 边框颜色：#D4； 边框宽度：1px； 字母间距：.5px； 边界半径：30px； 利润率最高：8%； 保证金权利：5%； 宽度：140px； 线高：2； 高度：40px； }

弗斯特
第二
第三