Ke's blog
·
flex 布局中 start/end 和 flex-start/flex-end 的区别
💡
原文中文，约400字，阅读约需1分钟。
📝
内容提要
在flex布局中，justify-*和align-*是最常用的CSS属性。然而，MDN和W3C对于start和end的区别并不明显。尽管早期草案中有这两个值，但后来被废弃了，属性名也从flex-pack变为了justify-content。然而，由于历史原因，浏览器仍然支持这两个属性。
🎯
关键要点
- 在flex布局中，justify-*和align-*是最常用的CSS属性。
- 属性值经常使用start、end、flex-start和flex-end。
- MDN对start和end的区别没有明确说明。
- 使用post-css插件时会对start和end发出警告。
- W3C规范中start和end并未列为justify-content的可选值。
- 早期草案中曾有start和end值，但后来被废弃。
- 属性名从flex-pack变更为justify-content，浏览器仍支持这两个属性。
➡️
