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,所以表现得有一定的间距。
相关推荐
看晴天了5 分钟前
手势操控 Three.js!效果炸裂!
前端
喝咖啡的女孩12 分钟前
Promise × 定时器全场景手写
前端
h***346319 分钟前
MS SQL Server 实战 排查多列之间的值是否重复
android·前端·后端
本地跑没问题21 分钟前
Rect深入学习
前端
北辰alk21 分钟前
跨域难题终结者:Vue项目中优雅解决跨域问题的完整指南
前端
吹水一流22 分钟前
为什么 SVG 能在现代前端中胜出?
前端
小皮虾22 分钟前
拒绝卡顿!小程序图片本地“极速”旋转与格式转换,离屏 Canvas 性能调优实战
前端·javascript·微信小程序
小熊哥72222 分钟前
一个有趣的CSS题目
前端
小时前端23 分钟前
性能优化:从“用户想走”到“愿意留下”的1.8秒
前端·面试
进阶的鱼24 分钟前
关于微前端框架wujie的一次企业级应用实践demo?
前端·vue.js·react.js