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,所以表现得有一定的间距。
相关推荐
BBB努力学习程序设计10 小时前
CSS Sprite技术:用“雪碧图”提升网站性能的魔法
前端·html
BBB努力学习程序设计11 小时前
CSS3渐变:用代码描绘色彩的流动之美
前端·html
冰暮流星11 小时前
css之动画
前端·css
jump68011 小时前
axios
前端
进击的野人11 小时前
CSS选择器与层叠机制
css·面试
spionbo11 小时前
前端解构赋值避坑指南基础到高阶深度解析技巧
前端
用户40993225021211 小时前
Vue响应式声明的API差异、底层原理与常见陷阱你都搞懂了吗
前端·ai编程·trae
开发者小天11 小时前
React中的componentWillUnmount 使用
前端·javascript·vue.js·react.js
永远的个初学者12 小时前
图片优化 上传图片压缩 npm包支持vue(react)框架开源插件 支持在线与本地
前端·vue.js·react.js
爱吃土豆的马铃薯ㅤㅤㅤㅤㅤㅤㅤㅤㅤ12 小时前
npm i / npm install 卡死不动解决方法
前端·npm·node.js