使用flex布局调换两个div的位置

最新推荐文章于 2023-04-09 11:21:04 发布

Zan^Z

最新推荐文章于 2023-04-09 11:21:04 发布

阅读量6.1k

点赞数 2

分类专栏：小程序前端 flex布局文章标签： css3 html5

本文链接：https://blog.csdn.net/Zan_Z/article/details/105201768

版权

小程序同时被 3 个专栏收录

28 篇文章 1 订阅

订阅专栏

前端

26 篇文章 0 订阅

订阅专栏

flex布局

2 篇文章 0 订阅

订阅专栏

本文展示了如何使用CSS3的Flex布局来实现两个div的翻转效果，通过简单的代码示例，强调了Flex布局在调整元素排列上的便利性。

摘要由CSDN通过智能技术生成

直接上代码（flex布局太方便了，喜欢）

<view class="leftheader">
      <view style="display:flex; justify-content:space-between; flex-flow:row-reverse!important;">
        <open-data class="userimg" type="userAvatarUrl"></open-data>
        <open-data class="mdname" type="userNickName"></open-data>
      </view>     
</view>