移动端优先的flex三栏布局的使用方法

原创 黎云锐 教程 前端 1145阅读 14 天前 举报

felxbox布局是css3里新出的一个,它就是为了解决上述两种方式的不足出现的,是比较完美的一个。目前移动端的布局也都是用flexbox。 这篇文章主要介绍了移动端优先的flex三栏布局的使用方法,感兴趣的小伙伴们可以参考一下

默认情况下先显示移动端,通过 @media 属性适配屏幕变化

使用flexbox相关的CSS属性

重点

例子

CSS

HTML

弹性盒子是 CSS3 的一种新的布局模式。

CSS3 弹性盒( Flexible Box 或 flexbox),是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。

引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。

以上就是本文的全部内容,希望对大家的学习有所帮助,

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复