当前位置: 首页 > news >正文

CSS给一行按钮统一设置间隔

使用css的+(相邻兄弟选择器),找到指定元素后面的相邻元素。

 

<div class="btn-list"><button class="btn">按钮1</button><button class="btn">按钮2</button><button class="btn">按钮3</button></div>
<style scoped lang="scss">
.btn-list {.btn+.btn {margin-left: 10px;}// 如果button查找使用标签选择器 如下也是一样的效果button+button {margin-left: 10px;}
}
</style>

 

相关文章:

  • DarkLabel2.4版本导入MOT17数据集
  • 如何解决跨境电商税务管理难题
  • Android常用C++特性之lambda表达式
  • 2-107 基于matlab的hsv空间双边滤波去雾图像增强算法
  • Linux 简易shell编写
  • ResNet18果蔬图像识别分类
  • Git提示信息 Pulling is not possible because you have unmerged files.
  • 线段树查询区间回文+区间字母右移
  • Python NumPy 标准数据生成:高效创建与操作数组
  • SQL Server实现limit用法
  • 初识chatgpt
  • cnn机器学习时python版本不兼容报错
  • Android 10.0 Launcher3禁止改变density等系统密度导致布局变化hotseat靠右边显示功能实现
  • 查询最近正在执行的sql(DM8 : 达梦数据库)
  • Electron 隐藏顶部菜单
  • [PHP内核探索]PHP中的哈希表
  • Java基本数据类型之Number
  • jquery cookie
  • js算法-归并排序(merge_sort)
  • Linux各目录及每个目录的详细介绍
  • linux学习笔记
  • Mybatis初体验
  • node.js
  • webpack入门学习手记(二)
  • 从零开始的无人驾驶 1
  • 基于游标的分页接口实现
  • 深度学习中的信息论知识详解
  • 使用Gradle第一次构建Java程序
  • 数据仓库的几种建模方法
  • 为物联网而生:高性能时间序列数据库HiTSDB商业化首发!
  • 用Visual Studio开发以太坊智能合约
  • gunicorn工作原理
  • ​​​【收录 Hello 算法】9.4 小结
  • ​LeetCode解法汇总2670. 找出不同元素数目差数组
  • #git 撤消对文件的更改
  • (1/2)敏捷实践指南 Agile Practice Guide ([美] Project Management institute 著)
  • (备份) esp32 GPIO
  • (附源码)springboot人体健康检测微信小程序 毕业设计 012142
  • (全部习题答案)研究生英语读写教程基础级教师用书PDF|| 研究生英语读写教程提高级教师用书PDF
  • (三分钟了解debug)SLAM研究方向-Debug总结
  • (原)记一次CentOS7 磁盘空间大小异常的解决过程
  • (转)http协议
  • *setTimeout实现text输入在用户停顿时才调用事件!*
  • .jks文件(JAVA KeyStore)
  • .NET CORE 第一节 创建基本的 asp.net core
  • .net core webapi Startup 注入ConfigurePrimaryHttpMessageHandler
  • .NET 自定义中间件 判断是否存在 AllowAnonymousAttribute 特性 来判断是否需要身份验证
  • .NET/C# 编译期间能确定的相同字符串,在运行期间是相同的实例
  • .NetCore部署微服务(二)
  • .Net程序帮助文档制作
  • []串口通信 零星笔记
  • [240903] Qwen2-VL: 更清晰地看世界 | Elasticsearch 再次拥抱开源!
  • [ActionScript][AS3]小小笔记
  • [Android]常见的数据传递方式
  • [Angularjs]ng-select和ng-options