css flex 中 justify-content 的 flex-start 和 start 可互换吗?

css flex 中 justify-content 的 flex-start 和 start 可互换吗?

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 可互换吗?的详细内容,更多请关注其它相关文章!