Flex 是 Flexible Box 的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。

任何一个容器都可以指定为 Flex 布局。大理石平台价格


.box{
display: flex;
}

行内元素也可以使用 Flex 布局。


.box{
display: inline-flex;
}

Webkit 内核的浏览器,必须加上-webkit前缀。


.box{
display: -webkit-flex; /* Safari */
display: flex;
}

注意,设为 Flex 布局以后,子元素的floatclearvertical-align属性将失效。

最新文章

  1. [转]完美洗牌(Perfect Shuffle)问题
  2. css3实现小黄人
  3. HTTP中Get与Post的区别
  4. 测试 Mono 安装
  5. 【UER #1】[UOJ#12]猜数 [UOJ#13]跳蚤OS [UOJ#14]DZY Loves Graph
  6. window store app 附件读取
  7. C#中判断空字符串的3种方法性能分析
  8. Linux系统调用(转载)
  9. .NET(C#):获取进程的内存私有工作集
  10. window.dialogArguments的使用
  11. 快速构建Windows 8风格应用36-商店应用发布流程
  12. Linux信号实践(3) --信号内核表示
  13. 【学亮开讲】Oracle存储过程教学笔记(二)20181116
  14. Ubuntu16.04中nginx除80之外其他端口不能访问
  15. Spell checker using hash table
  16. js 基础知识总结
  17. 重学C语言---05运算符、表达式和语句
  18. [buaa-SE-2017]个人作业-Week2
  19. windows7中用vitualbox安装OS X 10.11 El Capitan 及 Xcode 7.0--转载
  20. Google maps API

热门文章

  1. apache2_fastcgi_python
  2. MySQL如何利用索引优化ORDER BY排序语
  3. easyswoole报错:failed: Error during WebSocket handshake: Unexpected response code: 200
  4. 从入门到自闭之Python--MySQL数据库安装
  5. JavaScript-checkbox标签-隐藏、显示、全选、取消和反选等操作
  6. X86逆向7:特殊窗体的破解思路
  7. k8s之statefulSet-有状态应用副本集控制器
  8. whistle学习(一)之安装、使用、软件功能了解
  9. php扩展库解释
  10. 输入列号得到excel对应的字母列