flex布局兼容写法

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了flex布局兼容写法相关的知识,希望对你有一定的参考价值。

父级:

isplay: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;

-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
-o-flex-direction: row;
flex-direction: row;

-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;

-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;

以上是关于flex布局兼容写法的主要内容,如果未能解决你的问题,请参考以下文章

史上最全flex兼容写法整理

Flex布局新旧混合写法详解(兼容微信)

Flex 布局新旧混合写法详解(兼容微信)

Flex 布局新旧混合写法详解(兼容微信)

flex兼容性写法

Flex布局新旧混合写法详解(兼容微信)