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

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

有帮助欢迎打赏。

相关推荐
冷冷的菜哥几秒前
react实现无缝轮播组件
前端·react.js·typescript·前端框架·无缝轮播
hrrrrb7 分钟前
【Python】字符串
java·前端·python
阿笑带你学前端14 分钟前
Supabase云同步架构:Flutter应用的数据同步策略
前端
mkhase15 分钟前
9.12-QT-基本登陆界面实现
java·jvm·qt
yinke小琪18 分钟前
说说hashCode() 和 equals() 之间的关系
java·后端·面试
梦想CAD控件20 分钟前
(在线CAD平台)网页集成CAD SDK的方法
前端·javascript·github
万少21 分钟前
可可图片编辑 HarmonyOS(6)水印效果
前端·harmonyos
掘金约基奇_21 分钟前
JS-SDK开发企微侧边栏
前端·javascript
若鱼191921 分钟前
Kafka如何配置生产者拦截器和消费者拦截器
java·kafka
渣哥26 分钟前
Java 自适应自旋锁机制详解:原理、优缺点与应用场景
java