微信小程序如何解决botton按钮对齐问题

如果botton不在其他控件下层,或者上层控件类型不为flex,可以用float调整botton显示位置,如float=right,则botton显示在右侧。

html 复制代码
<button type="primary" style="float: right;">测试</button>

<view style="display: block;">
  <button type="primary" style="float: right;">测试</button>
</view>

如果botton上层控件类型为flex,可以通过设置position=absoluted调整显示位置。

html 复制代码
<view style="display: flex;">
  <button type="primary" style="position: absolute;right: 0;">测试</button>
</view>

更多微信小程序内容欢迎关注博主。

有帮助欢迎打赏。

相关推荐
智慧物业老杨1 小时前
物业数字化落地思考:真正的转型,是底层数据秩序的重构
java·大数据·人工智能·微服务·系统架构
星空4 小时前
金蝶苍穹build.gradle配置
java·build.gradle
充电zcx4 小时前
Linux:4:开发工具详解
linux·运维·服务器
泯泷4 小时前
那段文字是谁删的?Yjs 14 正式版之前,一套删除归属方案的实现与边界
前端·javascript·算法
步行cgn7 小时前
Spring 基于 XML 的自动装配:byName 详解
java·后端·spring
野槐7 小时前
前端项目优化(有了我,会发生...)
前端
大帅点兵7 小时前
Apache Ant 1.9.9 完整讲解
java
LuTshoes7 小时前
spring ai 实战 手搓 PlaneExecuteAgent
java·人工智能·spring·ai
这料鬼有毒8 小时前
二刷hot100-73.矩阵置零
java
caoerzhong8 小时前
JeeWMS 开源仓库管理系统二次开发与接口对接实战:Java WMS 如何与 ERP、MES 和自动化设备打通
java·开源