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

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

有帮助欢迎打赏。

相关推荐
白緢19 小时前
嵌入式 Linux + 内核开发高频问题及排查
java·linux·运维
学编程就要猛19 小时前
JavaEE初阶:网络编程
运维·服务器·网络
qq. 280403398419 小时前
数据结构引论
前端·数据结构
daad77719 小时前
WSL2_wifi驱动安装
开发语言·前端·javascript
juniperhan19 小时前
Flink 系列第4篇:Flink 时间系统与 Timer 定时器实战精讲
java·大数据·数据仓库·flink
超级大只老咪19 小时前
一维度前缀和解题通用模板(java)
java·开发语言·算法
飞yu流星19 小时前
文件压缩、文本内容、文本编辑
运维·服务器
历程里程碑19 小时前
1 . Git本地操作:版本控制 跨平台协作 仓库核心
java·开发语言·数据结构·c++·git·gitee·github
hekung19 小时前
maven的lifecycle与idea的run
java·maven
ZC跨境爬虫19 小时前
Scrapy实战爬取5sing网站:Pipeline优化+全流程踩坑复盘,从报错到数据落地
前端·爬虫·python·scrapy