又名弹性布局,是CSS3中的一个模块,为复杂的一维布局提供了更强大的解决方案,它于2009年开始标准化,并在后续几年里逐步被现代浏览器采纳和支持。Flexbox极大地简化了响应式布局设计、垂直居中对齐等问题。
结合了块级元素和行内元素的特点,使得元素既可以像块级元素那样设置宽高,又能像行内元素一样在同一行显示。2004年左右在CSS2.1规范中引入,其逐渐被浏览器支持并在Web开发中广泛应用,特别是在需要混合使用行内与块状表现的场景。
在CSS中主要用于浮动元素,最早用于文本环绕图片的排版,后来被广泛用于创建网页的多列布局。该属性的历史可以追溯到CSS1规范(1996年)。
又名网格布局,是CSS3中另一个重要布局模块,比Flexbox晚些时候引入。Grid布局提供了一个真正的二维布局系统,允许开发者轻松创建复杂的自适应网页布局。这个特性从2011年起开始标准化,并在2017年后得到了主要浏览器的广泛支持。