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

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

有帮助欢迎打赏。

相关推荐
lichenyang45321 分钟前
从 Demo 到本地 HAR 包:把 HarmonyOS JSBridge 运行时做成可复用库
前端
琢森27 分钟前
不用装Agent,SSH直连搞定服务器监控
服务器
不简说29 分钟前
拖拽DIY表格插件来了!sv-print 七月更新:这次真的能自己拼表格了
前端·javascript·前端框架
C+-C资深大佬33 分钟前
Java 变量:从入门到精通
java·开发语言·python
snow@li37 分钟前
深入理解内核与操作系统的关系
运维·服务器·microsoft
Flittly43 分钟前
【日常小问】Docker 部署 Nacos 2.4.3,Dubbo 3.3 连接 Config Service 失败排查
java·spring boot·dubbo
ssshooter1 小时前
小程序分包页面报 "has not been registered yet" 的隐蔽根因:一个动态 import 拖垮整个分包
前端·javascript·微信小程序
kuonyuma1 小时前
java之动态代理
java·开发语言
鹏多多1 小时前
Web浏览器后台离线通知方案实现以及兼容指南
前端·javascript·vue.js
衔烛之龙11 小时前
Windows x64 构建 liboqs-java教程
java·windows·python