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

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

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

CSS工具箱(专业版)

全功能 CSS 工程手册，覆盖性能优化、无障碍、设计系统与跨浏览器兼容。

下载

然而，浏览器为了兼容历史原因，仍然保留了对 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)

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！