CSS3如何实现从右往左布局的按钮组(固定间距)

可以通过下方CSS实现,下面的CSS表示按钮从右往左布局,且间距为10px:

css 复制代码
.right-btn {
	position: relative;
	float: right;
	margin-right: 10px;
}

类似这种:

这种:


注意:

  1. 不能使用right:10px代替margin-right:10px,right的距离和真正展示出来的不同。
  2. margin-right其实展示为了这样,其实按钮间的间距为0,只不过应为右margin-right,所以表现得有一定的间距。
相关推荐
阿蒙Amon9 分钟前
C#常用类库-详解JetBrains.Annotations
前端·数据库·c#
lichenyang45327 分钟前
Next.js 初学者核心知识点
前端
张一凡9328 分钟前
easy-model 在数据可视化仪表板中的应用
前端·react.js
学以智用29 分钟前
# Vue3 AJAX 请求数据
前端·vue.js
VillenK29 分钟前
@vue-office依赖报错
前端·npm
兆子龙29 分钟前
TypeScript 模板字面量类型高级用法
前端
miss30 分钟前
龙虾帮你如何配置自己的技能之前端周报生成
前端
JuliusDeng31 分钟前
Windows 前端环境进化论:告别 nvm,拥抱 Rust 编写的 fnm!
前端
miss31 分钟前
JavaScript 异步循环完全指南:从踩坑到最佳实践
前端
家里有蜘蛛31 分钟前
从 Webpack 迁移到 Rspack 后,循环依赖为什么炸了?一个 const vs var 引发的血案
前端