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

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

有帮助欢迎打赏。

相关推荐
C++、Java和Python的菜鸟1 分钟前
第3章 后端Web基础 (Maven)
java
小小编程路3 分钟前
Java super 关键字详解:用法、场景与常见误区
java·开发语言
Cobyte5 分钟前
编译解析器的基础——状态模式与状态机的原理
前端·javascript·vue.js
我登哥MVP12 分钟前
走进 Gang of Four 设计模式:外观模式
java·设计模式·外观模式
啦啦啦啦啦zzzz27 分钟前
c++web服务器框架Oat++的API应用
服务器·c++·oat++
IT_陈寒28 分钟前
Vue的这个响应式陷阱,让我加班到凌晨三点
前端·人工智能·后端
tiancaijiben30 分钟前
阿里云SAE应用引擎弹性扩缩容完全指南:从手动调控到智能自动化
java·网络·数据库
m0_7381207231 分钟前
AI安全实战系列(四):Lab04 Multi-Agent——多智能体攻击分析
服务器·开发语言·人工智能·安全·网络安全·语言模型
2501_9160074732 分钟前
抓包工具对比 Charles、Fiddler、TraceEagle、Wireshark 与 Proxyman
前端·网络协议·ios·adb·https·fiddler·wireshark
增量星球35 分钟前
《持续交付2.0系列一》从技术交付到业务引领
java·docker·容器·devops