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

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

有帮助欢迎打赏。

相关推荐
yaoxin5211234 分钟前
278. Java Stream API - 限制与跳过操作全解析
java·开发语言·python
用户91743965398 分钟前
基于SqlSugar开发框架的基础上快速开发H5端的移动应用
前端·负载均衡
短剑重铸之日11 分钟前
《深入解析JVM》第五章:JDK 8之后版本的优化与JDK 25前瞻
java·开发语言·jvm·后端
love530love14 分钟前
【探讨】“父级/基环境损坏,子环境全部失效”,如何避免 .venv 受父级 Python 损坏影响?
java·开发语言·人工智能·windows·python·编程·ai编程
Yesterday不想说话17 分钟前
Promise的总结
前端
有谁看见我的剑了?17 分钟前
ssh服务限制用户登录
运维·服务器·ssh
C_心欲无痕19 分钟前
nodejs - npm和package.json文件解析
前端·npm·json
H@Z*rTE|i21 分钟前
webpack 打包流程(极简记忆口诀)
前端·webpack·node.js
代码炼金术士30 分钟前
认识JVM
运维·服务器·jvm
航Hang*33 分钟前
第一章:网络系统建设与运维(高级)—— 多区域OSPF路由协议
运维·服务器·网络·笔记·智能路由器·ensp