css3弹性盒子如何布局
来源:互联网 发布:windows sdk for win7 编辑:程序博客网 时间:2024/05/22 03:06
【属性flex-direction:row,row-reverse,column,colmn-reverse】<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><style type="text/css">.container{display: -webkit-flex;display: flex; /*-webkit-flex-direction:row-reverse;*/【使用flex-direction属性,将能控制子元素盒子排序】 /*flex-direction: row-reverse;*/width: 400px;height: 250px;background-color:lightblue;}.flex-item{width: 100px;height: 100px; margin: 10px; background-color: lightyellow;}</style></head><body><div class="container"><div class="flex-item">盒子1</div><div class="flex-item">盒子2</div><div class="flex-item">盒子3</div></div></body></html>
正常排序
使用flex-direction:row-reverse之后的排序
0 0
- css3弹性盒子如何布局
- CSS3 弹性盒子布局
- css3弹性盒子布局
- CSS3弹性盒子布局
- Css3响应布局 弹性盒子
- CSS3响应式布局之弹性盒子
- css3盒子布局-定义盒子的弹性空间(box-flex)
- css3中网格布局与弹性盒子布局对比
- css3弹性盒子
- css3.弹性盒子
- css3弹性盒子
- css3 弹性盒子
- css3 弹性盒子模型
- css3弹性伸缩盒子
- CSS3弹性盒子flex
- css3 弹性盒子
- Css3 弹性盒子
- css3弹性盒子
- 《现代操作系统》笔记
- 地图加载和图层简介
- 第一篇博客
- 04 Spinner 列表选中
- jquery操作select
- css3弹性盒子如何布局
- [SCOI2005]扫雷Mine
- 火星人学node(基础篇)---nodejs的模块系统(实例分析exprots和module.exprots)
- HTTP 访问控制(CORS)
- 关于第一份python脚本
- AppManager类,管理Activity和App
- yii2自定义分页分页属性
- grok 正则捕获(就是perl的正则捕获)
- 微信Android热补丁实践演进之路