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,所以表现得有一定的间距。
相关推荐
张拭心16 分钟前
程序员越想创业,越不要急着动手
前端·人工智能
舒一笑19 分钟前
在低配云服务器上实现自动化部署:Drone CI + Gitee Webhook 的轻量级实践
前端·后端·程序员
龙国浪子21 分钟前
从零到一:打造专业级小说地图设计工具的技术实践
前端·electron
一水鉴天43 分钟前
整体设计 定稿 之24+ dashboard.html 增加三层次动态记录体系仪表盘 之2 程序 (Q208 之2)
开发语言·前端·javascript
IT_陈寒1 小时前
Java 21新特性实战:这5个改进让我的代码效率提升40%
前端·人工智能·后端
肠胃炎1 小时前
Chrome扩展截图功能实现
前端·chrome
二狗哈1 小时前
Cesium快速入门17:与entity和primitive交互
开发语言·前端·javascript·3d·webgl·cesium·地图可视化
xingzhemengyou11 小时前
python datetime模块使用
前端·python
GISer_Jing2 小时前
AI驱动营销增长:7大核心场景与前端实现
前端·javascript·人工智能
T___T2 小时前
Vue 3 做 todos , ref 能看懂,computed 终于也懂了
前端·javascript·面试