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,所以表现得有一定的间距。
相关推荐
榴莲omega2 分钟前
第11天:函数组合、记忆化与定时器
开发语言·前端·javascript
小江的记录本4 分钟前
【Docker】《 Docker 高频常用命令速查表 》
java·前端·后端·http·docker·容器·eureka
Beginner x_u6 分钟前
前端八股整理|Vue|虚拟 DOM、Diff 与 Patch 流程
前端·javascript·vue.js
kaixiang3007 分钟前
若依RuoYi实战
java·服务器·前端
NocoBase11 分钟前
为 Excel 数据快速构建 Web 应用:4 种方法对比
前端·人工智能·低代码·开源·excel
苏瞳儿20 分钟前
数据库的增删改查-node.js
前端·javascript·数据库
阿正的梦工坊24 分钟前
pnpm和npm前端包管理工具有什么不同?
前端·npm·node.js
吴声子夜歌25 分钟前
Node.js——Web模板引擎
前端·node.js
skywalk816325 分钟前
Kotti Next的tinyfrontend前端模仿Kotti 首页布局(使用CodeArts)
前端
坐吃山猪26 分钟前
TypeScript编程03-枚举
前端·javascript·typescript