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

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

有帮助欢迎打赏。

相关推荐
Linux运维技术栈12 小时前
云平台服务器遭遇黑客攻击?用 Nginx 批量封锁敏感接口,自动返回 444 关闭连接
运维·服务器·nginx·安全·防御
恋猫de小郭12 小时前
Dart 3.13 的到底改了什么?为什么很重要?有什么坑?
android·前端·flutter
山甫aa12 小时前
日志技术 Logback + Slf4j —— 从零开始的 Web 后端学习
java·后端·学习·web·logback
韶博雅12 小时前
开启补充日志
java·开发语言·sql
FYKJ_201012 小时前
django学习成绩预警系统10905
java·javascript·spring boot·python·spark·django·php
风月说与山鬼12 小时前
六、React事件
前端·javascript·react.js
岁岁种桃花儿12 小时前
Vue核心语法第十四篇:列表过滤
前端·javascript·vue.js
晓得迷路了12 小时前
栗子前端技术周刊第 143 期 - npm 攻击事件、Bun 1.4...
前端·javascript
YHHLAI12 小时前
实战 Vibe Coding:用 AI 从零搭一个 React 待办清单
前端·人工智能·react.js
一只旭宝12 小时前
预约系统版本2(基于第一版改良)
服务器·数据库·c++