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,所以表现得有一定的间距。
相关推荐
万少8 分钟前
这可能是程序员离用AI赚钱最容易的一个机会了
前端·ai编程
范什么特西12 分钟前
狂神---死锁
java·前端·javascript
weixin1997010801615 分钟前
易贝(eBay)商品详情页前端性能优化实战
前端·性能优化
用户6000718191017 分钟前
【翻译】Rolldown 工作原理解析:符号关联、CJS/ESM 模块解析与导出分析
前端
想睡好19 分钟前
标签的ref属性
前端·javascript·html
扶苏100219 分钟前
Vue 3 新增内置组件详解与实战
前端·javascript·vue.js
henry10101038 分钟前
HTML5小游戏 - 数字消除 · 合并2048
前端·游戏·html·html5
扶苏10022 小时前
详解Vue2和Vue3的变化
前端·javascript·vue.js
Hello eveybody2 小时前
如何将十进制转为二进制、八进制、十六进制?
前端·javascript·数据库
We་ct2 小时前
LeetCode 25. K个一组翻转链表:两种解法详解+避坑指南
前端·算法·leetcode·链表·typescript