vue报start value has mixed support, consider using flex-start instead”编译警告，在这里轻松解决！

前言

今日在进行项目开发的过程中，遇到编译警告异常，此警告虽然不会影响项目正常运行，但对于用心去开发的小伙伴们来说，在自己的项目中，不得存在一点错误，哪怕是一个警告，所以在这里我将帮助遇到这个问题的小伙伴们轻松解决这一问题。

警告异常分析

如下图，可以了解到这是一个警告异常，且异常内容为“start value has mixed support, consider using flex-start instead”即开始值有混合支持，考虑使用flex-start代替。

解决方案

于以上经过分析，了解了异常问题的内容及相关位置，接下来就是找到问题并解决。
1.异常出现位置，如下图：

2.修改后，如下：

【温馨提示】在css3盒子模型中使用justify-content: flex-start水平居中属性时，需要加flex为了区分属性，防止混合。

结束语

本文章主要讲述了在vue项目开发中遇到的编译警告异常相关问题分析及解决方法，如有疑问或不足，欢迎小伙伴们留言讨论。