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

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

有帮助欢迎打赏。

相关推荐
Flash.kkl3 小时前
Linux——进程信号
运维·服务器
码出财富4 小时前
SpringBoot 内置的 20 个高效工具类
java·spring boot·spring cloud·java-ee
苏宸啊4 小时前
Linux权限
linux·运维·服务器
我是小疯子664 小时前
Python变量赋值陷阱:浅拷贝VS深拷贝
java·服务器·数据库
森叶4 小时前
Java 比 Python 高性能的原因:重点在高并发方面
java·开发语言·python
xqhoj4 小时前
Linux——make、makefile
linux·运维·服务器
二哈喇子!4 小时前
Eclipse中导入外部jar包
java·eclipse·jar
微露清风5 小时前
系统性学习C++-第二十二讲-C++11
java·c++·学习
qq_316837755 小时前
uni.chooseMedia 读取base64 或 二进制
开发语言·前端·javascript
lifejump5 小时前
Pikachu | XXE
服务器·web安全·网络安全·安全性测试