微信小程序如何解决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>

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

有帮助欢迎打赏。

相关推荐
wifi___3 小时前
全局异常处理的原理
java·开发语言
赖龙6 小时前
pnpm vs npm
前端·npm·node.js
动力 continue7 小时前
Linux 基础篇 · 压缩打包与用户管理
linux·服务器·基础命令linux
2601_963870207 小时前
【计算机毕业设计】基于Spring Boot的专科医院医疗管理系统
java·spring boot·课程设计
Bingo_BIG7 小时前
Java Spring 批量修改,实体、接口、方法的定义
java·spring
学如逆水,不进则退7 小时前
在线免费音频剪辑:NBTools 可视化波形裁剪 MP3/WAV,本地处理免上传
前端·音视频
Mh8 小时前
虚拟滚动真的比普通滚动性能更好吗?
前端·javascript·性能优化
pe7er8 小时前
React + Ant Design 中的 IME (输入法合成)安全输入组件
前端
画中有画8 小时前
软件架构中质量属性(性能、安全、可扩展性)的权衡设计
java·运维·安全
g3voip8 小时前
防爆电话如何接入SIP调度系统?工业通信系统架构解析
服务器·tcp/ip·系统架构·信息与通信·ip