11.1 列式布局发展历程

第1代:table布局。早期网页非常简单,互联网信息共享刚刚兴起,这个时期主要采用table布局。随着新列式布局的运用,现在table只用于表格型数据显示。

第2代:float布局。随着商业网站页面越来越复杂,table布局出现性能与使用不便等问题,开始广泛采用float布局。float早期用于图文环绕,后来用于列式布局效果良好。

第3代:flex布局。随移动互联网兴起,CSS技术规范进行一轮重大升级,推出CSS3包括flex布局。flex布局广泛应用于移动端页面。