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

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

有帮助欢迎打赏。

相关推荐
huaweichenai22 分钟前
Linux安装http-server并部署html静态站点
linux·运维·服务器
zhengfei61130 分钟前
【XSS payload 】一个经典的XSS payload
前端·xss
黎雁·泠崖36 分钟前
Java常用类核心详解(七):正则表达式 Regex 从入门到实战
java·开发语言·正则表达式
北冥湖畔的燕雀1 小时前
Linux权限与Vim,gcc以及make/makefile操作全解析
linux·运维·服务器
sheji34161 小时前
【开题答辩全过程】以 婚纱影楼管理系统为例,包含答辩的问题和答案
java·eclipse
LuDvei1 小时前
LINUX文件操作函数
java·linux·算法
全栈老石2 小时前
手写一个无限画布 #1:坐标系的谎言
前端·canvas
葵续浅笑2 小时前
从Spring拦截器到Filter过滤器:一次报文修改加解密的填坑经验
java·后端·spring
XW01059992 小时前
4-11判断素数
前端·python·算法·素数