css flex中just-content里面的flex-start和start有什么区别？

Question

看了下MDN没发现区别，但用post-css插件会有警告，比方说这个：

我平时用的都是flex-start,看到有人写start，才发现这个问题。

Answer 1

虽然定义上会有区别，但是实际使用中并没有什么区别。并且在最新的W3C规范[TR]当中 start 和 end 并没有出现在 justify-content 的可选值内。所以 post-css 会出现告警。

在早期版本的草案^[1]当中有这俩值，后续被废弃了^[2]，并且属性名从flex-pack 变更为了 justify-content，但浏览器还是会因为历史原因保留这两个属性的支持。

参考资源

1. 8.1. Axis Alignment: the 'flex-pack' property | WD-css3-flexbox-20120322
2. 8.2. Axis Alignment: the 'justify-content' property | WD-css3-flexbox-20120612
3. 8.2. Axis Alignment: the 'justify-content' property | CSS Flexible Box Layout

Answer 2

作用是一样的，没什么区别。

flex-start 是早期的写法，后来规范后，和grid一样统一用了start来表示

如果你希望兼容性好点，就用flex-start，否则就用start