技术栈

uni-app 之 解决u-button始终居中问题

jun_tong2023-09-25 23:14

uView中u-button始终居中问题如何解决的简单方法?

1:给该元素margin-right: 0;可以达到向右靠齐;

2:给该元素的父元素设置float: right

image.png

复制代码
<u-button 
style="width: 50px; margin-left: 0;" 
plain="ture" 
type="error" 
size="mini" 
text="一键查询"></u-button>

plain="ture" 是否镂空

type="error" 颜色

size="mini" 按钮大小

上一篇:【力扣】1. 两数之和
下一篇:Flex布局和Float布局的实现
相关推荐
小陈工
2 小时前
Python Web开发入门(十七):Vue.js与Python后端集成——让前后端真正“握手言和“
开发语言·前端·javascript·数据库·vue.js·人工智能·python
问简
6 小时前
虚拟化对比
服务器
xiaotao131
6 小时前
第九章:Vite API 参考手册
前端·vite·前端打包
午安~婉
6 小时前
Electron桌面应用聊天(续)
前端·javascript·electron
航Hang*
6 小时前
Windows Server 配置与管理——第3章:文件系统管理
运维·服务器·windows·vmware
lifewange
6 小时前
Linux ps 进程查看命令详解
linux·运维·服务器
彧翎Pro
6 小时前
基于 RO1 noetic 配置 robosense Helios 32(速腾) & xsense mti 300
前端·jvm
功德+n
7 小时前
Linux下安装与配置Docker完整详细步骤
linux·运维·服务器·开发语言·docker·centos
小码哥_常
7 小时前
解锁系统设置新姿势:Activity嵌入全解析
前端
热门推荐
01GitHub 镜像站点02一周AI热点速览(2026.03.31-04.06):GPT-6曝光、谷歌开源Gemma 4、资本狂飙与模型军备竞赛03OpenClaw 请求超时 llm request timed out 怎么解决?3 种方案实测,附完整排查流程04AI 编程效率翻倍:Superpowers Skills 上手清单 + 完整指南05MySQL表约束详解:8大核心约束实战指南06Oh My Codex 快速使用指南07实测!Gemma 4 成功跑在安卓手机上:离线 AI 助手终于来了08CodeBuddy与WorkBuddy深度对比:腾讯两款AI工具差异及实操指南09VMware Workstation Pro 17 虚拟机完整安装教程(2026最新)10UV安装并设置国内源