css flex 中 justify

CSS flex 中 justify-content 的 flex-start 和 start 区别解析

MDN 文档上似乎没有提及 start 和 flex-start 在 justify-content 中的区别，但 post-css 插件却会对此发出警告。本文将对此进行解析。

虽然在官方规范中，start 和 end 并未出现在 justify-content 的可选值内，因此 post-css 会发出警告。但在早期版本的草案中，这两个值曾被提出，后来被废弃并被 justify-content 取代。

然而，浏览器为了兼容历史原因，仍然保留了对 start 和 flex-start 的支持。因此，在实际使用中，这两个值并没有实际区别。不过，建议使用 flex-start，以符合最新的 W3C 规范。

立即学习“前端免费学习笔记（深入）”；

参考资源：

• [8.1. Axis Alignment: the 'flex-pack' property | WD-css3-flexbox-20120322](https://www.w3.org/TR/2012/WD-css3-flexbox-20120322/#axis-alignment-prop)
• [8.2. Axis Alignment: the 'justify-content' property | WD-css3-flexbox-20120612](https://www.w3.org/TR/2012/WD-css3-flexbox-20120612/#axis-alignment-prop)
• [8.2. Axis Alignment: the 'justify-content' property | CSS Flexible Box Layout](https://www.w3.org/TR/css-flexbox/#axis-alignment-prop)

以上就是css flex 中 justify-content 的 flex-start 和 start 可互换吗？的详细内容，更多请关注抖狐科技其它相关文章！