教学课件：《HTML5+CSS3响应式网站开发项目案例教程》于晓霞.ppt

CSS3弹性盒子 CSS3弹性盒子 CSS3弹性盒子 CSS3弹性盒子 弹性子元素属性 排序 语法 order: 各个值解析: integer：用整数值来定义排列顺序，数值小的排在前面。可以为负值。 弹性子元素属性 排序 . !DOCTYPE html html head meta charset=utf-8 titletitle /head body div class=flex-container div class=flex-itemflex item 1/div div class=flex-item firstflex item 2/div div class=flex-itemflex item 3/div /div /body /html style .flex-container { display: -webkit-flex; display: flex; width: 400px; height: 250px; background-color: lightgrey; } .flex-item { background-color: cornflowerblue; width: 100px; height: 100px; margin: 10px; } .