当前位置: 首页 > 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>

 


http://www.mrgr.cn/news/39309.html

相关文章:

  • C# 调用虚拟打印,尝试隐藏进度窗体
  • 低代码平台中的宿主概念解析与字典、角色、岗位及权限管理
  • 推荐4款2024年热门的PDF转ppt工具
  • CSS 的user-select属性,控制用户是否能够选中文本内容
  • 基于springboot+小程序的自习室选座与门禁管理系统(自习室1)(源码+sql脚本+视频导入教程+文档)
  • [算法日常] 分层图最短路
  • 心觉:如何重塑高效学习的潜意识(5)终结篇
  • 什么是计算机视觉算法?一文读懂!
  • 浅谈GDDRAM的三种寻址模式
  • Latex 自定义运算符加限定条件的实现
  • 《深度学习》OpenCV 图像拼接 拼接原理、参数解析、案例实现
  • 【STM32开发环境搭建】-4-在STM32CubeMX中新增Keil(MDK-ARM) 5的工程目录(包含指定路径的C和H文件)
  • cuda程序编译流程
  • 时间复杂度及空间复杂度(简略)
  • 842真题上的各种简答题
  • MySQL - 运维篇
  • 基于Python的自然语言处理系列(19):基于LSTM的语言模型实现
  • 高效的视频压缩标准H.264介绍,以及H.264在视频监控系统中的应用
  • Js垃圾回收的两种方式
  • 【Linux的内存管理】