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,所以表现得有一定的间距。
相关推荐
骑自行车的码农10 分钟前
🕹️ 设计一个 React 重试
前端·算法·react.js
小林攻城狮11 分钟前
echarts 参考线实现数据项之间的差异值标注
前端·echarts
青莲8431 小时前
Java并发编程高级(线程池·Executor框架·并发集合)
android·前端·面试
程序员Agions1 小时前
Flutter 邪修秘籍:那些官方文档不会告诉你的骚操作
前端·flutter
白驹过隙不负青春1 小时前
Docker-compose部署java服务及前端服务
java·运维·前端·docker·容器·centos
满天星辰1 小时前
Vue.js的优点
前端·vue.js
哒哒哒5285201 小时前
React createContext 跨组件共享数据实战指南
前端
怪可爱的地球人1 小时前
UnoCss最新配置攻略
前端
Carry3451 小时前
Nexus respository 搭建前端 npm 私服
前端·docker
满天星辰1 小时前
使用 onCleanup处理异步副作用
前端·vue.js