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

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

有帮助欢迎打赏。

相关推荐
kyriewen7 分钟前
我开发的 Chrome 扒图浏览器插件又更新了❗
前端·chrome·浏览器
Mortalbreeze8 分钟前
深度理解进程----进程状态
linux·运维·服务器
艾莉丝努力练剑9 分钟前
【Linux网络】Linux 网络编程入门:TCP Socket 编程(下)
linux·运维·服务器·网络·c++·tcp/ip
宵时待雨13 分钟前
linux笔记归纳4:进程概念
linux·运维·服务器·c++·笔记
程序员祥云18 分钟前
Prompt项目说明文档
前端
一勺菠萝丶19 分钟前
如何在 Linux 服务器上使用 Speedtest 官方 CLI 测试带宽(小白教程)
java·服务器·前端
DianSan_ERP22 分钟前
京东订单接口集成中如何处理消费者敏感信息的安全与合规问题?
前端·数据库·后端·团队开发·运维开发
原来是猿23 分钟前
TCP Echo Server 深度解析:从单进程到线程池的演进之路(中)
linux·服务器·数据库
TEC_INO25 分钟前
Linux50:ROCKX+RV1126视频流检测人脸
开发语言·前端·javascript
范什么特西39 分钟前
第一个Mybatis
java·开发语言·mybatis