我是靠谱客的博主 热心月光,最近开发中收集的这篇文章主要介绍display:flex兼容写法,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

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

  @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:flex兼容写法所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

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

评论列表共有 0 条评论

立即
投稿
返回
顶部