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

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

有帮助欢迎打赏。

相关推荐
CryptoRzz5 分钟前
印度股票数据 PHP 对接文档 覆盖 BSE(孟买证券交易所)和 NSE(印度国家证券交易所)的实时数据
android·服务器·开发语言·区块链·php
lkbhua莱克瓦247 分钟前
集合进阶6——TreeMap底层原理
java·开发语言·笔记·学习方法·hashmap
JEECG低代码平台11 分钟前
GitHub 十大 Java 语言 AI 开源项目推荐
java·人工智能·github
0***R51514 分钟前
前端构建工具缓存,node_modules
前端·缓存
小咖张14 分钟前
idea 启动失败,不加载自己的配置文件
java·ide·intellij-idea
坚持就完事了20 分钟前
CSS-4:CSS的三大特性
前端·css
m***119022 分钟前
使用IDEA环境编译Spring源码及spring源码调试环境搭建
java·spring·intellij-idea
坚持就完事了30 分钟前
CSS-3:背景设置
前端·css·html
坚持就完事了31 分钟前
CSS-2:CSS的元素显示模式
前端·css
HalvmånEver36 分钟前
Linux:基础开发工具(六)
linux·运维·服务器