技术栈

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布局的实现
相关推荐
mounter625
2 小时前
现代 Linux 内存管理的演进与变革:从传统 LRU 到多代架构 MGLRU
linux·服务器·kernel
JustHappy
2 小时前
古法编程秘籍(六):程序到底是怎么跑起来的?从 IO 到中断,一次讲明白
前端·后端·全栈
HYCS
2 小时前
用pixi.js实现fabric.js(六):从线性代数的角度理解编辑器交互
前端·javascript·canvas
卷帘依旧
2 小时前
useImperativeHandle的作用
前端
卷帘依旧
2 小时前
Hooks在Fiber上的存储原理
前端
you4580
2 小时前
学成在线--day02 CMS前端开发(含Vue基础知识得回顾)
前端·javascript·vue.js
The Sheep 2023
3 小时前
Vue复习
linux·服务器·数据库
xiaofeichaichai
3 小时前
虚拟 DOM
前端·javascript·vue.js
2401_87845453
3 小时前
前端高频得手写题
前端
热门推荐
01GitHub 镜像站点02【AI】2026 年具身智能模型和世界模型总结032026 年 AI 编程工具终极横评:Cursor vs Claude Code vs Copilot vs Windsurf04Codex 下载安装指南:Windows 和 macOS 官方版下载052026 AI 编程工具终极实战指南:Cursor vs Claude Code vs Copilot,开发者该怎么选?06【踩坑记录 | 第一篇】微软商店无法使用时,如何手动安装 OpenAI Codex?附`.msix`文件系统错误解决方法07CC-Switch 下载、安装与使用配置指南【2026.5.29】08Agnes AI 全模态 API 免费实测报告:文生图 + 文生视频完整测试09CC-Switch & Claude 基于 Linux 服务器安装使用指南10AI科技热点日报 | 2026年6月1日