一、问题
网络安全等级保护测评师（react+ts）项目中，运行项目报不阻止运行故障如下：
[vite:css] end value has mixed support, consider using flex-end instead
45 | margin-top: 20px;
46 | display: flex;
47 | justify-content: end; | ^^^^^^^^^^^^^^^^^^^^^
48 | }
49 | .main .body .footer .pagination { [vite:css] start value has mixed support, consider using flex-start instead
48 | display: flex;
49 | flex-direction: column;
50 | justify-content: start; | ^^^^^^^^^^^^^^^^^^^^^^^
51 | font-size: 16px;
52 | }
二、解决方案
1、原因分析
在CSS的Flexbox布局中，justify-content属性用于定义项目在主轴上的对齐方式。属性值start和end是CSS3中引入的对齐关键字，它们属于“逻辑属性值”（与书写方向相关）。然而，这些值在某些浏览器中可能支持不够好，特别是旧版本浏览器。
2、方案
-Vite在编译过程中（可能是通过PostCSS或类似的工具）检测到这些属性值的使用，并提示它们可能有兼容性问题。flex-start和flex-end是Flexbox规范中最初定义的值，具有更好的浏览器兼容性。
