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

最新推荐文章于 2024-04-16 14:16:09 发布

原创最新推荐文章于 2024-04-16 14:16:09 发布 · 6.5k 阅读

2 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

小程序

当前文章被收录于：

小程序

28 篇文章 1 人学习

订阅专栏查看详情

前端

当前文章被收录于：

前端

26 篇文章 0 人学习

订阅专栏查看详情

flex布局

当前文章被收录于：

flex布局

2 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

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

开发板推荐：天空星STM32F407VET6开发板

超高性价比 STM32主控 | 超高主频 | 一板兼容百芯 | 比赛神器 | 沉金彩色丝印

点击查看

直接上代码（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>