我是靠谱客的博主 热心月光,这篇文章主要介绍display:flex兼容写法,现在分享给大家,希望可以做个参考。

我这里使用sass的混合器写法,就直接上代码了

复制代码
1
2
3
4
5
6
7
8
9
10
11
12
13
@mixin flex { //使用@mixin标识符定义一个flex display: -moz-box;/* Firefox */ display: -ms-flexbox;/* IE10 */ display: -webkit-box;/* Safari */ display: -webkit-flex;/* Chrome, WebKit */ display: box; display: flexbox; display: flex; } .filter-container { //再用@include引入这个混合器(通过混合器的名字) @include flex; }

end~~~

如有错误或观点不一致的请评论留言共同讨论,本人前端小白一枚,根据自己实际项目遇到的问题进行总结分享,谢谢大家的阅读!
文章对您有所帮助请给作者点个赞支持下,谢谢~

最后

以上就是热心月光最近收集整理的关于display:flex兼容写法的全部内容,更多相关display内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(85)

评论列表共有 0 条评论

立即
投稿
返回
顶部