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

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

有帮助欢迎打赏。

相关推荐
BD_Marathon2 分钟前
SpringBoot程序快速启动
java·spring boot·后端
stillaliveQEJ7 分钟前
【JavaEE】Spring IoC(二)
java·开发语言·spring
寻星探路12 分钟前
【Python 全栈测开之路】Python 基础语法精讲(一):常量、变量与运算符
java·开发语言·c++·python·http·ai·c#
静听松涛13313 分钟前
提示词注入攻击的防御机制
前端·javascript·easyui
晚风予星19 分钟前
简记 | 一个基于 AntD 的高效 useDrawer Hooks
前端·react.js·设计
行百里er20 分钟前
代码跑得慢?让Spring的StopWatch告诉你真相!
java·后端·github
栗子叶23 分钟前
网页接收服务端消息的几种方式
前端·websocket·http·通信
又是忙碌的一天25 分钟前
SpringMVC响应
java·服务器·数据库
菩提小狗26 分钟前
Sqli-Labs Less-3 靶场完整解题流程解析-豆包生成
前端·css·less
澄江静如练_31 分钟前
优惠券提示文案表单项(原生div写的)
前端·javascript·vue.js