display:flex是什么意思

display:flex是CSS3中的一个新属性，用于指定一个元素是一个flex容器（容器元素）和其包含子元素是flex items（项目元素）。

flex容器可以水平或垂直排列其子元素，具有自动填充剩余空间、灵活伸缩、对齐等特性。这使得页面布局更容易管理，减少了许多繁琐的代码和布局技巧，提高开发人员的效率。

display:flex属性可以应用于任何块级元素，例如div、section、main等。此外，我们也可以通过display:inline-flex将flex容器转变为内联元素而不影响其功能。

flex布局也具有一定的兼容性问题，在使用时需要考虑浏览器兼容性。但是，现代浏览器对flex布局的支持已经非常好了，特别是谷歌和火狐等主流浏览器。

总之，使用display:flex属性可以使我们更轻松地创建复杂和灵活的布局，提高网站的可维护性和可读性。