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

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

有帮助欢迎打赏。

相关推荐
谏书稀几秒前
vue项目(pnpm)迁移到无网环境开发
前端·javascript·vue.js
Han.miracle5 分钟前
Spring IoC 与 DI 核心知识点综合测试题
java·前端·数据库
婉然从物7 分钟前
IDEA中plugins无法连接网络
java·ide·intellij-idea
xiaogai_gai8 分钟前
ETL数据流程实战:轻易云平台整合金蝶云星空API接口
java·数据仓库·etl
sheji341616 分钟前
【开题答辩全过程】以 基于springboot的健身预约系统的设计与实现为例,包含答辩的问题和答案
java·spring boot·后端
im_AMBER16 分钟前
react-i18next 国际化支持
前端·react.js·前端框架
文心快码BaiduComate18 分钟前
Comate 3月全新升级:全新Plan模式、Explore Subagent深度检索能力增强
前端·后端·程序员
Lsx_19 分钟前
前端发版后页面白屏?一套解决用户停留旧页面问题的完整方案
前端·javascript·掘金·日新计划
方安乐20 分钟前
pnpm与npm混用为什么会报错?
前端·npm·node.js
什么时候星期五23 分钟前
node版本升级后,项目跑不起来
前端·node.js