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项目开发中遇到的编译警告异常相关问题分析及解决方法,如有疑问或不足,欢迎小伙伴们留言讨论。

  • 7
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值