弹性盒模型

弹性盒模型是CSS3新增布局模块，用于实现容器里项目的对齐，方向，排序（即使在项目大小位置、动态生成的情况）。

特点：能够动态修改子元素的宽度和高度，以满足在不同屏幕尺寸下的恰当布局。


容器属性


子元素属性


排列方向


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

推荐阅读更多精彩内容

  • HTML+CSS(47-72)
    问答题47 /72 常见浏览器兼容性问题与解决方案？ 参考答案 (1)浏览器兼容问题一：不同浏览器的标签默认的外补...
    _Yfling阅读 13,796评论 1赞 92
  • FlexBox 弹性盒模型布局 - 父控件篇
    弹性布局(flexble box)模块指在提供一个更加有效的方式来布置，对齐和分部在容器之间的各项内容，即使它们的...
    土豆萝卜君阅读 1,169评论 2赞 5
  • 弹性盒模型
    弹性盒模型：css3引入了新的盒子模型。官方称为CSS Flexible Box Layout Module，用于...
    一刀一个小黄鱼阅读 971评论 0赞 51
  • 弹性盒模型
    一、概念 弹性盒模型是css3的一种新的布局方式，是一种当前页面需要适应不同的屏幕大小及设备类型时确保拥有恰当的行...
    范小饭_阅读 7,562评论 4赞 26
  • CSS3 弹性盒模型
    弹性盒子由弹性容器(Flex container)和弹性子元素(Flex item)组成。设置 display 属...
    zJ_16阅读 387评论 0赞 0