第29章CSS3弹性伸缩布局[中]-水之原

学习要点：

1.混合过度版

主讲教师：李炎恢

本章主要探讨 HTML5 中 CSS3 提供的用来实现未来响应式弹性伸缩布局方案，这里做一个初步的了解。

一．混合过渡版

混合版本的 Flexbox 模型是 2011 年提出的工作草案，主要是针对 IE10 浏览器实现的伸缩布局效果，其功能和旧版本的属性大同小异。我们还是采用上一节课的文件，然后使用混合过渡代码，实现 IE10 的伸缩布局。

首先，设置伸缩盒的 display 有如下两个属性值：

属性值

说明

flexbox

将容器盒模型作为块级弹性伸缩盒显示（混合版本）

inline-flexbox

将容器盒模型作为内联级弹性伸缩盒显示（混合版本）

//需要 IE 前缀-ms-

 div  { 
    display :  -ms-flexbox ;
} 

查看更多关于第29章CSS3弹性伸缩布局[中]-水之原的详细内容...