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

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

有帮助欢迎打赏。

相关推荐
码农1001号1 分钟前
emqx5.8开源版WSS连接
运维·服务器
牛牛牌蜡笔小新12 分钟前
Java-常用类库
java·开发语言
Wang's Blog15 分钟前
Java 项目实战: 交友项目 - MongoDB集群:概述
java·mongodb·交友
程序员-Benothing19 分钟前
Linux端口与连接排查:ss、lsof、nc、telnet、curl
linux·运维·服务器
wangchunyu11425 分钟前
JAVA ThreadLocal、伪共享与Disruptor
java
慧都小项30 分钟前
图解 MyEclipse Deployment Assembly:资源如何进入部署产物?
java·ide·tomcat·maven·myeclipse·部署排查
Wang's Blog32 分钟前
Java 项目实战: 交友项目 - MongoDB基础总结与自检清单
java·mongodb·交友
燕落南枝35 分钟前
CSS 字体样式:颜色、字体族、倾斜、加粗与装饰
前端·css
鬼手点金38 分钟前
消息的四种角色
java·前端·人工智能·git·深度学习
zzu123zsw39 分钟前
面对多 RPC 扇入超时崩溃:深入 asyncTool 核心 DAG 编排与线程池隔离防护
java·网络·spring boot·网络协议·rpc·并发编程