好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

CSS3中弹性盒布局_html/css_WEB-ITnose

CSS 3中弹性盒布局的最新版概述

  在CSS 3中,CSS Flexible Box模块为一个非常重要的模块,该模块用于以非常灵活的方式实现页面布局处理。

  虽然可以使用其他CSS样式属性来实现页面布局处理,但是如果使用CSS Flexible Box模块中定义的弹性盒布局技术,可以根据屏幕尺寸或浏览器窗口尺寸自动调整页面中各局部区域的显示方式,即实现非常灵活的布局处理。

  虽然CSS Flexible Box模块已经被公布了好几年,但是自开始公布以来,该模块中所定义的内容已经经过了几次重大修改。目前公布的正式版本为?CSS Flexible Box Layout Module - W3C Candidate Recommendation, 18 September 2012。

  目前为止,Opera 12.10版本以上,IE 11版本以上、Chrome 21版以上、Firefox 22版本以上的浏览器均支持该最新版本。

 从示例页面开始学习最新版本的弹性盒布局

  接下来开始通过一个示例页面开始学习最新版本的弹性盒布局。该示例页面中的body元素中的代码如下所示。

 

section 1

示例文字

section 2

示例文字

section 3

示例文字

section 4

示例文字

查看更多关于CSS3中弹性盒布局_html/css_WEB-ITnose的详细内容...

  阅读:62次