【CSS】Flex布局

Flex布局

瞎扯

Flex布局比 div + css 更简单粗暴, 更容易实现我们想要的布局.
常规的 ,左侧固定,右侧自适应, 如果使用


在线Flex 布局 Demo

例子里面有布局效果+代码,用这个可以快速上手。


旧版和新版的区别,参考 文章:https://segmentfault.com/a/1190000003978624

旧版


box-line 是否换行,没有实现该效果。[请勿使用]

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Flex布局是Css3中新加入的额外布局系统。传统布局基于盒模型,依赖“display”、“position”、“...
    饥人谷_Pizza阅读 2,422评论 0 2
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,815评论 1 92
  • (1)兼容性 Chrome 21+Opera 12.1+Firefox 22+Safari 6.1+IE 10+ ...
    何幻阅读 558评论 0 1
  • flex布局-摘自阮一峰博客
    6659a0f02826阅读 313评论 0 3
  • 来得突然一阵阵习习的凉风,一缕缕轻轻的云雾。雨像一个顽皮的小孩,悄悄地来了。 “轰隆隆”,一个雷声...
    如沬阅读 167评论 0 2