今天看视频学习的时候,发现css有一个 flex 的属性,非常的好用,为了让自己能够熟记,特意来分享一下flex的用法。
首先,采用Flex布局的元素,称为Flex容器(flex container),简称”容器”。它的所有子元素自动成为容器成员,称为Flex项目(flex item),简称”项目”。
容器一共有有6个属性,分别是flex-direction、flex-wrap、flex-flow、justify-content、align-items、align-content。其中(justify-content和align-items)结合可以完成不定宽高的水平垂直居中韩国,非常方便简洁。
项目也有6个属性,分别是order、flex-grow、flex-shrink、flex-basis、flex、align-self。
具体例子可以查看[菜鸟教程](http://www.runoob.com/w3cnote/flex-grammar.html)

最新文章

  1. 将图片的二进制字节字符串在HTML页面以图片形式输出
  2. 未能正确加载“Microsoft.VisualStudio.Editor.Implementation.EditorPackage”包
  3. 解密TDE加密数据库
  4. DVR分布式路由
  5. Codeforces 713 C Sonya and Problem Wihtout a Legend
  6. 20175221 《Java程序设计》第5周学习总结
  7. bash: cannot create temp file for here-document: Read-only file system
  8. Alpine Linux常用命令
  9. 【洛谷】1600:天天爱跑步【LCA】【开桶】【容斥】【推式子】
  10. OSPF邻居状态机
  11. 读取GY-951模块数据(Linux)
  12. 【agc006f】Blackout(神仙题)
  13. 几张图理解Roll, Pitch, Yaw的含义
  14. sublime3095-注册码下载安装
  15. 《WAP》第一次作业:团队亮相
  16. 1874 football game(三分法and method to compute the area of trianngle)
  17. C++类成员指针(指向类成员的指针)
  18. datagrid后台分页js
  19. 实用 35 个 jQuery 小技巧
  20. Linux文件压缩/打包/解压

热门文章

  1. 微信小程序animation有趣的自定义动画
  2. C语言atoi函数
  3. 家庭记账本app进度之android中AlertDialog的相关应用以及对日期时间的相关操作(应用alertdialog使用的谈话框)
  4. 100 Path Sum
  5. Java第六天,API中常用的类,StringBuffer、StringBuilder、包装类、System类的使用
  6. Git常用指令整理(Git Cheat Sheet)
  7. String 对象-->判断是否相等
  8. Python爬虫系列(七):提高解析效率
  9. 《面试经典系列》- SpringMVC原理及工作流程
  10. git处理fork的个人库代码与远程项目库待代码同步与合并