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

css实战——清除列表中最后一个元素的下边距

news 2026/4/2 11:36:27

需求描述

常见于列表的排版，如文章列表、用户列表、商品列表等。
在这里插入图片描述

代码实现

    <div class="listBox"><div class="itemBox">文章1</div><div class="itemBox">文章2</div><div class="itemBox">文章3</div></div>

.listBox {margin: 20px;padding: 10px;border: 1px solid black;width: 300px;
}
.itemBox {padding: 0px 10px;line-height: 2;background: gainsboro;margin-bottom: 10px;
}

此时效果如下
在这里插入图片描述
最后一个元素的下边距导致列表与页面的下边距过大！

怎样清除列表中最后一个元素的下边距呢？

再加上下方样式即可 ！

.itemBox:last-child {margin-bottom: 0px;
}
  • :last-child 匹配同辈元素中的最后一个该元素

相关文章：

css实战——清除列表中最后一个元素的下边距

需求描述 常见于列表的排版&#xff0c;如文章列表、用户列表、商品列表等。 代码实现 <div class"listBox"><div class"itemBox">文章1</div><div class"itemBox">文章2</div><div class"itemBox"…...

编程日记 2023/11/16 1:53:25

Clickhouse学习笔记（15）—— Clickhouse备份

手动备份 参考官网&#xff1a;Backup and Restore | ClickHouse Docs 简单来说&#xff0c;就是我们可以通过ALTER TABLE ... FREEZE PARTITION ...命令为表分区创建一个本地副本&#xff0c;然后这个副本硬链接到/var/lib/clickhouse/shadow/文件夹&#xff0c;因此其不会耗…...

编程日记 2023/11/16 1:51:23

想买GPT4会员却只能排队？来看看背后的故事！

文章目录 &#x1f9d0; 为什么要进候选名单&#xff1f;&#x1f50d; 究竟发生了什么&#xff1f;&#x1f62e; IOS端还能买会员&#xff01;&#x1f914; 网页端为啥不能订会员&#xff1f;第一点&#xff1a;防止黑卡消费第二点&#xff1a;当技术巨头遇上资源瓶颈&#…...

编程日记 2023/11/16 1:49:19

Oracle（17）Managing Roles

目录 一、基础知识 1、基础介绍 2、Predefined Roles 预定义的角色 3、各种角色的介绍 二、基础操作 1、创建角色 2、修改用户默认role 3、回收role 4、删除role 5、为角色授权 6、授予角色给用户 7、查看用户包含的角色&#xff1a; 8、查看角色所包含的权限 9、…...

编程日记 2023/11/16 1:48:18

小程序中如何设置门店信息

小程序是商家转型升级的利器&#xff0c;小程序中门店信息的准确性和完整性对于用户的体验和信任度都有很大的影响。下面具体介绍门店信息怎么在小程序中进行设置。 在小程序管理员后台->门店设置处&#xff0c;可以门店设置相关。主要分为2个模块&#xff0c;一个是门店级…...

编程日记 2023/11/16 1:47:17

SCons

什么是构建工具&#xff08;系统&#xff09; 构建工具&#xff08;software construction tool&#xff09;是一种软件&#xff0c;它可以**根据一定的规则或指令&#xff0c;将源代码编译成可执行的二进制程序。**这是构建工具最基本也最重要的功能。 实际上构建工具的功能…...

编程日记 2023/11/16 1:45:14

蓝桥杯每日一题2023.11.14

题目描述 题目分析 此题目的最终目标是将字母都填上数使等式符合条件&#xff0c;实际我们发现可以使用搜索将所有符合条件的进行判断&#xff08;答案&#xff1a;29&#xff09; 由于小数可能会出现错误故我们将其进行简单变化进行搜索 #include<bits/stdc.h> using…...

编程日记 2023/11/16 1:43:11

力扣labuladong——一刷day33

提示&#xff1a;文章写完后&#xff0c;目录可以自动生成&#xff0c;如何生成可参考右边的帮助文档 文章目录 前言一、力扣652. 寻找重复的子树 前言 前序位置的代码只能从函数参数中获取父节点传递来的数据&#xff0c;而后序位置的代码不仅可以获取参数数据&#xff0c;还可…...

编程日记 2023/11/16 1:42:10

spring cloud alibaba之nacos

spring cloud nacos 安装和启动nacos # 解压nacos安装包 # tar -zvxf nacos-server-1.4.1.tar.gz# nacos默认是以集群的模式启动&#xff0c;此处先用单机模式 # cd /usr/local/mysoft/nacos/bin # sh startup.sh -m standalone# nacos 日志 # tail -f /usr/local/mysoft/na…...

编程日记 2023/11/16 1:41:10

python自动化第一篇—— 带图文的execl的自动化合并

简述 最近接到一个需求&#xff0c;需要为公司里的一个部门提供一个文件上传自动化合并的系统&#xff0c;以供用户稽核&#xff0c;谈到自动化&#xff0c;肯定是选择python&#xff0c;毕竟python的轮子多。比较了市面上几个用得多的python库&#xff0c;我最终选择了xlwings…...

编程日记 2023/11/16 1:40:09

使用 Redis 实现分布式锁，解决分布式锁原子性、死锁、误删、可重入、自动续期等问题（使用SpringBoot环境实现）

目录 一、前言二、分布式锁具备的特点三、Redis分布式锁的实现核心思路四、分布式锁代码实现&#xff08;解决分布式锁原子性、死锁、误删、可重入、自动续期等问题&#xff09;4.1、分布式锁实现工具类4.2、测试分布式锁效果 五、分布式锁常见问题以及解决方法5.1、分布式锁死…...

编程日记 2023/11/16 1:39:08

mysql oracle统计报表每天每月每年SQL

mysql查询当天、昨天、本周、上周、近7天、近30天、本月、上个月、近6个月、本季度、上季度、本年和去年的数据 注意 在 XML 中 < 应该转为 < 当天 SELECT * FROM 表名 WHERE TO_DAYS(时间字段名) TO_DAYS(NOW()); 昨天 SELECT * FROM 表名 WHERE TO_DAYS(NOW()) - TO…...

编程日记 2023/11/16 1:38:07

通过Python设置及读取PDF属性，轻松管理PDF文档

PDF文档属性是嵌入在PDF文档中的一些与文档有关的信息&#xff0c;如作者、制作软件、标题、主题等。PDF属性分为默认属性和自定义属性两种&#xff0c;其中默认属性是一些固定的文档信息&#xff0c;部分信息自动生成&#xff08;如文件大小、页数、页面大小等信息&#xff09…...

编程日记 2023/11/16 1:37:05

10. 深度学习——模型优化

机器学习面试题汇总与解析——模型优化 本章讲解知识点 前言低秩近似剪枝与稀疏约束参数量化二值网络知识蒸馏紧凑的网络结构本专栏适合于Python已经入门的学生或人士，有一定的编程基础。本专栏适合于算法工程师、机器学习、图像处理求职的学生或人士。本专栏针对面试题答案进…...

编程日记 2023/11/16 1:36:04

macos 上彻底卸载 DevEco Studio

1. 退出DevEco Studio&#xff1a; 确保DevEco Studio没有在运行。如果它在Dock中&#xff0c;可以右键点击其图标&#xff0c;然后选择退出。或者使用Command Q快捷键确保应用程序完全退出。 2. 删除DevEco Studio应用程序&#xff1a; 打开“应用程序”文件夹&#x…...

编程日记 2023/11/16 1:35:03

Nginx(五) break，if，return，rewrite和set指令的执行顺序深究

本篇文章主要对break&#xff0c;if&#xff0c;return&#xff0c;rewrite和set这5个指令的执行顺序进行深究&#xff0c;如需了解这5个指令的功能和配置&#xff0c;请参考另一篇文章 Nginx(三) 配置文件详解 由于文章篇幅较长&#xff0c;所以我就先把结论贴出来&#xff0c…...

编程日记 2023/11/16 1:34:02

八大学习方法(金字塔模型、费曼学习法、布鲁姆学习模型)

在微博上看到博主发的&#xff0c;觉得总结很好&#xff0c;在此摘录&#xff1a;...

编程日记 2023/11/16 1:33:01

K8S的基础知识

K8S的意义与入门 专有名词 容器：包含了运行一个应用程序所需要的所有东西，包括：代码、运行时、各种依赖和配置。pod：K8s调度的最小单元，包含一个或多个容器。一个容器组中的容器具有紧密耦合性，共享资源，存储空间和IP。即同一个容器组中的容器可以通过localhost:xxx访问…...

编程日记 2023/11/16 1:32:00

java：基于jjwt写一个jwt工具类

背景 在Java中&#xff0c;使用JWT&#xff08;JSON Web Tokens&#xff09;相关的包通常包括以下内容&#xff1a; jjwt&#xff1a;JJWT是一个非常流行的Java JWT库&#xff0c;它提供了简单易用的API来创建和验证JWT。jose4j&#xff1a;JOSE4J是一个用于处理JSON Web签名…...

编程日记 2023/11/16 1:30:58

AK F.*ing leetcode 流浪计划之半平面求交

欢迎关注更多精彩 关注我&#xff0c;学习常用算法与数据结构&#xff0c;一题多解&#xff0c;降维打击。 本期话题&#xff1a;半平面求交 背景知识 学习资料 视频讲解 https://www.bilibili.com/video/BV1jL411C7Ct/?spm_id_from333.1007.top_right_bar_window_history…...

编程日记 2023/11/16 1:27:55

惠普tank 2606，开机报错 ER-08 ，加了碳粉还是报错ER08,黄灯闪烁成像鼓接近寿命期限,别被维修店坑了，这个软件专门维修这个错误，软件运行一下2分钟搞好。

下载地址&#xff1a;链接:https://pan.baidu.com/s/1J7PN4m4fbIzku9DqBFg_nw?pwd0000 提取码:0000 备用下载&#xff1a;下载 惠普tank 2606系列&#xff0c;tank1005系列&#xff0c;打印机提示错误代码 er-08 &#xff0c;加了粉还是报错er08,提示没粉&#xff0c;闪黄灯…...

编程新知 2026/4/2 11:32:44

ASLR：现代操作系统中的内存安全守护者

1. ASLR&#xff1a;现代操作系统的内存安全基石 想象一下你家的门锁每天都会自动更换位置——这就是ASLR&#xff08;地址空间布局随机化&#xff09;对计算机程序做的事。作为现代操作系统最基本的安全机制之一&#xff0c;ASLR通过打乱程序在内存中的"居住地址"&…...

编程新知 2026/4/2 11:10:27

如何快速上手Jable视频下载工具：新手必备的完整指南

如何快速上手Jable视频下载工具&#xff1a;新手必备的完整指南 【免费下载链接】jable-download 方便下载jable的小工具 项目地址: https://gitcode.com/gh_mirrors/ja/jable-download 还在为无法保存Jable上的精彩视频而烦恼吗&#xff1f;今天我要为你介绍一款简单实…...

编程新知 2026/4/2 10:09:51

Qwen3-14B私有部署商业应用：替代SaaS服务降本提效的真实测算

Qwen3-14B私有部署商业应用&#xff1a;替代SaaS服务降本提效的真实测算 1. 私有部署的商业价值 在当今企业数字化转型浪潮中&#xff0c;大语言模型的应用已经成为提升效率的关键工具。然而&#xff0c;依赖第三方SaaS服务不仅成本高昂&#xff0c;还存在数据安全和响应速度…...

编程新知 2026/4/2 9:43:19

大海捞针：从海量真实世界5G-A基站数据中追踪无人机

大家读完觉得有帮助记得关注和 点赞&#xff01;&#xff01;&#xff01; 摘要 无人机在日常生活中的潜在应用使得对其监控变得至关重要。然而&#xff0c;现有的无人机监控系统通常依赖于摄像头、激光雷达或雷达&#xff0c;这些系统的感知范围有限或部署成本高昂&#xff0…...

编程新知 2026/4/2 7:27:10

GLM-4.1V-9B-Base开源大模型：面向中文场景优化的轻量级视觉理解基座

GLM-4.1V-9B-Base开源大模型&#xff1a;面向中文场景优化的轻量级视觉理解基座 1. 模型概述 GLM-4.1V-9B-Base是智谱AI开源的一款专注于视觉多模态理解的基础模型&#xff0c;特别针对中文场景进行了优化。这个9B参数的轻量级模型在保持高效推理能力的同时&#xff0c;提供了…...

编程新知 2026/4/2 7:09:02

嵌入式开发中的静态代码分析工具实战指南

1. 嵌入式代码静态分析工具概述作为一名嵌入式开发工程师&#xff0c;我深知在资源受限的MCU环境中&#xff0c;代码质量直接决定了产品的稳定性和可靠性。传统的C语言编译器虽然能发现语法错误&#xff0c;但对代码设计缺陷和潜在风险往往无能为力。这正是静态代码分析工具的价…...

编程新知 2026/4/2 7:00:51

土地利用变化分析实战：用Python处理40年CNLUCC数据集

土地利用变化分析实战&#xff1a;用Python处理40年CNLUCC数据集 1972年至今的中国土地利用变化数据&#xff0c;如同一部记录国土变迁的"生态相册"。对于区域规划师、生态研究者而言&#xff0c;这套CNLUCC数据集的价值不亚于考古学家手中的碳14检测仪。本文将带您用…...

编程新知 2026/4/2 6:46:40

智能抢号引擎：5分钟实现资源预约自动化的高效解决方案

智能抢号引擎&#xff1a;5分钟实现资源预约自动化的高效解决方案 【免费下载链接】91160-cli 健康160全自动挂号脚本 项目地址: https://gitcode.com/gh_mirrors/91/91160-cli 在数字化时代&#xff0c;热门资源的抢订总是充满挑战——无论是限量课程报名、热门活动预约…...

编程新知 2026/4/2 5:25:48

新一代指控系统依然是：人机环

AI是强大的“赋能器”和“加速器”&#xff0c;但指挥的艺术、责任和最终决断必须由人掌握。基于俄乌、美以伊博弈的案例&#xff0c;构建新一代“人机环境融合”体系化指控系统的具体实践路径已经清晰。AI的定位&#xff1a;从“自动化”到“智能化辅助”美军Maven系统&#x…...

编程新知 2026/4/2 5:21:47