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,所以表现得有一定的间距。
相关推荐
孜燃20 小时前
Flutter 如何监听App页面是否隐藏
前端·flutter
艾小码20 小时前
Pinia 入门:为什么说它是 Vuex 更具魅力的现代继任者?
前端·javascript·vue.js
不努力code20 小时前
uniapp浮动面板-movable-area
前端·javascript·uni-app
晓风伴月20 小时前
飞书网页应用免登(SSO)
前端·飞书
雪碧聊技术1 天前
前端项目代码发生改变,如何重新部署到linux服务器?
前端·vue3·centos7·代码更新,重新部署
liulilittle1 天前
C++ 浮点数封装。
linux·服务器·开发语言·前端·网络·数据库·c++
wordbaby1 天前
Expo 进阶指南:赋予 TanStack Query “原生感知力” —— 深度解析 AppState 与 NetInfo
前端·react native
Moment1 天前
从美团全栈化看 AI 冲击:前端转全栈,是自救还是必然 🤔🤔🤔
前端·后端·面试
天问一1 天前
使用 Vue Router 进行路由定制和调用的示例
前端·javascript·vue.js
韩立学长1 天前
【开题答辩实录分享】以《基于Vue的非遗文化知识分享平台的设计与实现》为例进行选题答辩实录分享
前端·javascript·vue.js