最新消息:flex弹性布局更新完毕,阅读地址:http://www.01happy.com/css-flex/

两小时学会flex弹性布局

css 607浏览 1评论

​最近重新对flex的知识点进行了梳理,因为内容比较多,会逐步推送相关文章。

为了保证读者在碎片化时间阅读也能大体理解flex,本文尽力使用更多的图片来进行说明。

本文虽然尽力考证每个知识点的准确性,但是因为时间和精力有限,难免有错误的地方,欢迎大家指正。

目录如下:

flex弹性布局指南-01前言和基础概念
flex弹性布局指南-02容器display设置为flex
flex弹性布局指南-03项目属性flex-basis
flex弹性布局指南-04项目属性flex-grow
flex弹性布局指南-05项目属性flex-shrink
flex弹性布局指南-06项目属性flex和order
flex弹性布局指南-07容器属性flex-direction
flex弹性布局指南-08容器属性flex-wrap
flex弹性布局指南-09容器属性flex-flow
flex弹性布局指南-10容器属性justify-content
flex弹性布局指南-11容器属性align-items
flex弹性布局指南-12容器属性align-content

转载请注明:快乐编程 » 两小时学会flex弹性布局

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

网友最新评论 (1)

  1. 有幸看到老哥的网站,跟老哥学习
    Wake9个月前 (10-03)回复