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,所以表现得有一定的间距。
相关推荐
踢球的打工仔10 分钟前
typescript-类
前端·javascript·typescript
天天打码24 分钟前
Svelte-无虚拟DOM、极致性能的现代高性能Web开发框架!
前端·node.js·vue·svelte
0思必得032 分钟前
[Web自动化] Selenium元素定位
前端·python·selenium·自动化·html
EEEzhenliang1 小时前
CSS知识概括、总结
前端·css
大阳光男孩1 小时前
ElementUI表格懒加载子级更新数据刷新不生效问题
前端·javascript·elementui
wy3136228211 小时前
C#——意框架(结构说明)
前端·javascript·c#
研☆香1 小时前
JS中的三种显示弹窗
开发语言·前端·javascript
俩毛豆1 小时前
HarmonyOS APP开发-一文讲清使用Web组件加载网页的三种方法-《精通HarmonyOS NEXT :鸿蒙App开发入门与项目化实战》读者福利
前端·华为·harmonyos
C_心欲无痕1 小时前
Next.js 路由系统对比:Pages Router vs App Router
开发语言·前端·javascript
LawrenceLan2 小时前
Flutter 零基础入门(二十二):Text 文本组件与样式系统
开发语言·前端·flutter·dart