css

css选择器

https://www.w3school.com.cn/cssref/css_selectors.ASP

http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html
































弹性布局

flex-direction 主轴方向

  • row（默认值）：主轴为水平方向，起点在左端。
  • row-reverse：主轴为水平方向，起点在右端。
  • column：主轴为垂直方向，起点在上沿。
  • column-reverse：主轴为垂直方向，起点在下沿。

flex-wrap 换行方式

  • nowrap（默认）：不换行
  • wrap：换行，第一行在上方
  • wrap-reverse：换行，第一行在下方。

flex-flow 简写主轴方向||换行方式

justify-content 对齐方式

align-items 交叉轴对齐方式

align-content 交叉轴对齐方式

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

推荐阅读更多精彩内容

  • 《图解CSS》布局
    何为布局 此处说的布局是对HTML界面元素的布局，也就是对网页中的元素进行位置上的安排。那么我们为什么需要布局和如...
    张中华阅读 477评论 0赞 5
  • css之flex布局
    最近在看小程序 一些css 因为之前没怎么了解过 看到这块特此记录--转自大神阮一峰http://www.ruan...
    我见青山应如是阅读 324评论 0赞 0
  • CSS flex布局学习笔记
    CSS flex布局学习笔记 flex简介 flex用于为容器内的子元素设置布局。当一个元素的display属性设...
    tommwq阅读 470评论 0赞 1
  • CSS Flex 布局语法整理
    网页布局（layout）是css的一个重点应用。 传统的布局解决方案，基于 盒状模型,依赖display属性+po...
    我腐阅读 739评论 0赞 0
  • CSS3之弹性布局（flex）
    一、前言 Flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。设为Flex...
    sunidol阅读 3,319评论 0赞 2