HTML: Markup language
CSS: Styling language
JavaScript: Scripting language
Web APIs: Programming interfaces
All web technology
Learn web development
Discover our tools
Get to know MDN better
此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。
View in English Always switch to English
flex 是一个 CSS 的 display 属性中新添加一个值。与 inline-flex 一起,它将使应用了它的元素变成弹性容器,而这个元素的每个子元素将变成弹性项目。弹性项目会参与弹性布局,所有由 CSS 弹性盒子布局模块定义的属性都能被它们使用。
flex
display
inline-flex
flex 属性是 flex-grow、flex-shrink 和 flex-basis 属性的简写。
flex-grow
flex-shrink
flex-basis
此外,<flex> 可以作为弹性长度在 CSS 网格布局中使用。
<flex>
align-content
align-items
align-self
flex-direction
flex-flow
flex-wrap
justify-content
order