一、问题记录 

二、解决问题

根据提示改为flex-end

三、理解问题

‌这个警告信息表明，在Flex布局中使用“end”属性时存在兼容性问题，建议使用“flex-end”代替。
当在Flex布局中使用“justify-content: end;”时，浏览器可能对“end”值的支持不一，导致出现兼容性问题。为了解决这个问题，应该将“justify-content: end;”修改为“justify-content: flex-end;”。这样的修改可以确保代码的兼容性和一致性，避免因浏览器对“end”值支持不一而导致的问题。此外，如果遇到类似的警告信息“start value has mixed support, consider using flex-start instead”，也应采取相同的处理方式，即使用“flex-start”代替“start”。

这种警告通常出现在使用Vue.js等前端框架进行项目开发时，尤其是在样式表或组件中使用Flex布局的情况下。通过将不规范的Flex属性值更正为标准的“flex-end”或“flex-start”，可以消除这个警告，同时确保项目的跨浏览器兼容性‌。

参考链接

end value has mixed support, consider using flex-end instead-CSDN博客

一、问题记录 

二、解决问题

根据提示改为flex-end

三、理解问题

‌这个警告信息表明，在Flex布局中使用“end”属性时存在兼容性问题，建议使用“flex-end”代替。
当在Flex布局中使用“justify-content: end;”时，浏览器可能对“end”值的支持不一，导致出现兼容性问题。为了解决这个问题，应该将“justify-content: end;”修改为“justify-content: flex-end;”。这样的修改可以确保代码的兼容性和一致性，避免因浏览器对“end”值支持不一而导致的问题。此外，如果遇到类似的警告信息“start value has mixed support, consider using flex-start instead”，也应采取相同的处理方式，即使用“flex-start”代替“start”。

这种警告通常出现在使用Vue.js等前端框架进行项目开发时，尤其是在样式表或组件中使用Flex布局的情况下。通过将不规范的Flex属性值更正为标准的“flex-end”或“flex-start”，可以消除这个警告，同时确保项目的跨浏览器兼容性‌。

参考链接

end value has mixed support, consider using flex-end instead-CSDN博客