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

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

有帮助欢迎打赏。

相关推荐
桐薇全肯定12 小时前
MySQL学生成绩管理系统实战操作
java·数据库·sql
Nuanyt13 小时前
SSM 学习记录 第二部分 Spring整合Mybatis&Junit AOP核心概念 Spring事务管理 SpringMVC 请求与响应 Rest风格
java·spring·junit·mybatis·restful
Slice_cy13 小时前
Mint 自研框架设计与实现:从重复开发走向配置驱动(二)
前端·后端·架构
greenbbLV13 小时前
积分兑换商城供应商挑选:避坑要点与靠谱选择解析
前端·小程序
醉城夜风~13 小时前
C++模板详解:从基础到高级全面解析
java·开发语言·c++
a11177613 小时前
3D 建筑编辑器 Pascal Editor THreeJS 开源
前端·3d·html
jason_yang13 小时前
写给女儿的英语App
前端·人工智能
RuiZN13 小时前
Muduo---Channel类
运维·服务器·c++
思码梁田13 小时前
CSS 定位详解:从相对到固定,掌握网页布局的核心
前端·javascript·css