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

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

有帮助欢迎打赏。

相关推荐
J***7939几秒前
前端在移动端中的React Native Windows
前端·react native·react.js
阿雄不会写代码1 分钟前
PPTX报错AttributeError: module ‘collections‘ has no attribute ‘Container‘
前端
前端程序猿i2 分钟前
前端判断数据类型的所有方式详解
开发语言·前端·javascript
一点 内容2 分钟前
AI搜索前端打字机效果实现方案演进:从基础到智能化的技术跃迁
前端·人工智能
GISer_Jing3 分钟前
SEEConf大会分享——AI FOR FRONTEDN
前端·人工智能
我也爱吃馄饨6 分钟前
前端视角下的浏览器LNA问题
前端·javascript·chrome
TechMasterPlus9 分钟前
SpringBoot-RestController
java·spring boot·后端
m***667310 分钟前
Java实战:Spring Boot application.yml配置文件详解
java·网络·spring boot
棱角°11 分钟前
finally与return对于返回值的影响
java·finally·return
程序员爱钓鱼11 分钟前
Node.js 的应用场景:为什么越来越多企业选择它?
前端·node.js·trae