CSS3 flex弹性布局
来源:互联网 发布:php项目开发流程 编辑:程序博客网 时间:2024/04/30 15:00
.box{ display: flex; display: -webkit-flex; /* Safari */}display: inline-flex;
注意,设为Flex布局以后,子元素的float、clear和vertical-align属性将失效。
语法:
采用Flex布局的元素,称为Flex容器(flex container),简称”容器”。它的所有子元素自动成为容器成员,称为Flex项目(flex item),简称”项目”。
容器默认存在两根轴:水平的主轴(main axis)和垂直的交叉轴(cross axis)。主轴的开始位置(与边框的交叉点)叫做main start,结束位置叫做main end;交叉轴的开始位置叫做cross start,结束位置叫做cross end。
容器属性如下: .box{}
- flex-direction 项目的排列方向 -
0 0
- CSS3 弹性布局Flex
- CSS3 flex弹性布局
- CSS3 Flex 弹性布局教程
- css3弹性方块布局:Flex
- css3之flex弹性布局
- CSS3 flex弹性盒布局
- css3弹性布局——display:flex
- CSS3弹性伸缩布局(二)——flex布局
- 响应式布局:CSS3弹性盒flex布局模型
- 响应式布局:CSS3弹性盒flex布局模型
- 响应式布局:CSS3弹性盒flex布局模型
- CSS3弹性伸缩布局——flex布局
- css3中 弹性盒模型布局之box-flex
- css3盒子布局-定义盒子的弹性空间(box-flex)
- CSS3 笔记3 — 弹性盒布局flex
- CSS3弹性盒子flex
- CSS3 弹性盒子布局
- css3弹性盒布局
- C++作业4
- java、js 获取视频时长
- CentOS7 安装JDK1.8
- 大量并发SQL导致数据库性能问题诊断优化
- ubuntu 16gcc g++版本降级
- CSS3 flex弹性布局
- TensorRT 2 初探秘 (一)
- python学习------1.0入门
- 文件对话框(QFileDialog)
- LeetCode (12)Integer to Roman
- 什么是PLC的响应时间
- Dojo与jQuery综合比较分析
- iOS 开发修改 searchbar 的背景颜色
- PLSQL连接Oracle报错ORA-12541:TNS:无监听程序