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,所以表现得有一定的间距。
相关推荐
空空kkk10 分钟前
SpringMVC——异常
java·前端·javascript
DcTbnk21 分钟前
脚本猫中的新建脚本:定时脚本、后台脚本、普通脚本,三个区别
前端
冴羽24 分钟前
涨见识了,Error.cause 让 JavaScript 错误调试更轻松
前端·javascript·node.js
一千柯橘33 分钟前
Electron 第一步
前端·electron
code_Bo36 分钟前
Ant Design Vue 日期选择器英文不变更中文问题
前端·vue.js·ant design
啃火龙果的兔子37 分钟前
react-i18next+i18next-icu使用详解
前端·javascript·react.js
彭于晏爱编程40 分钟前
🌹🌹🌹bro,AntD 6.0.0 来了
前端
1024小神42 分钟前
Electron实现多tab页案例,BrowserView/iframe/webview不同方式的区别
前端·javascript·electron
Amos_Web1 小时前
Rust实战(四):数据持久化、告警配置与Web API —— 构建监控系统的功能闭环
前端·后端·rust
java水泥工1 小时前
基于Echarts+HTML5可视化数据大屏展示-物流大数据展示
大数据·前端·echarts·html5·可视化大屏