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,所以表现得有一定的间距。
相关推荐
松涛和鸣2 分钟前
DAY33 Linux Thread Synchronization and Mutual Exclusion
linux·运维·服务器·前端·数据结构·哈希算法
逛逛GitHub9 分钟前
我把公众号文章导入了腾讯 ima,可以对话找开源项目了。
前端·github
lionliu051920 分钟前
JavaScript 变量声明最佳实践
前端·javascript·vue.js
源去_云走23 分钟前
自建 Iconfy API 服务:解决国内访问不稳定问题
前端·容器·npm·node.js
AAA阿giao25 分钟前
从零开始学 React:用搭积木的方式构建你的第一个网页!
前端·javascript·学习·react.js·前端框架·vite·jsx
遇到困难睡大觉哈哈28 分钟前
Harmony OS Web 组件:如何在新窗口中打开网页(实战分享)
前端·华为·harmonyos
你脸上有BUG41 分钟前
【工程化】前端打包时间优化
前端
TeleostNaCl42 分钟前
Google Chrome 浏览器历史记录的存储位置
前端·chrome·经验分享
大模型教程1 小时前
前端可以转型AI工程师吗?那可太能了...
前端·llm·agent
转转技术团队1 小时前
前端开发应该了解的浏览器背后的黑科技
前端