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

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

有帮助欢迎打赏。

相关推荐
剪刀石头布啊1 分钟前
iframe通信、跨标签通信的常见方案
前端·javascript·html
conkl2 分钟前
嵌入式 Linux 深度解析:架构、原理与工程实践(增强版)
linux·运维·服务器·架构·php·底层·堆栈
宇之广曜10 分钟前
搭建 Mock 服务,实现前端自调
前端·mock
yuko093112 分钟前
【手机验证码】+86垂直居中的有趣问题
前端
用户15129054522016 分钟前
Springboot中前端向后端传递数据的几种方式
前端
阿星做前端16 分钟前
如何构建一个自己的 Node.js 模块解析器:node:module 钩子详解
前端·javascript·node.js
用户15129054522019 分钟前
Web Worker:让前端飞起来的隐形引擎
前端
司宸20 分钟前
学习笔记十 —— 自定义hooks设计原则 笔试实现
前端
jiangxia_102422 分钟前
面试系列:什么是JAVA并发编程中的JUC并发工具类
java·后端
用户15129054522024 分钟前
踩坑与成长:WordPress、MyBatis-Plus 及前端依赖问题解决记录
前端·后端