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,所以表现得有一定的间距。
相关推荐
一千柯橘13 小时前
Three.js 坐标系完全入门:从“你在哪”到“你爸在哪”都讲清楚了
前端
独角仙梦境13 小时前
同事:架构太复杂了,源码文件找半天。 我:源码溯源了解一下?
前端·vue.js
八哥程序员13 小时前
从border-image 到 mask + filer 实现圆角渐变边框
前端·css
ChangYo13 小时前
解决网页前端中文字体包过大的几种方案
前端
车前端13 小时前
现代 Nginx 优化实践:架构、配置与性能调优
前端·nginx
槁***耿13 小时前
前端路由守卫
前端
百***354813 小时前
前端视频处理开发
前端·音视频
顾安r14 小时前
11.29 脚本游戏 单页面格斗游戏模板
前端·javascript·css·游戏·virtualenv
g***557514 小时前
Redis 通用命令
前端·redis·bootstrap
爱睡觉的雨14 小时前
跨域问题(前端)
前端