【css】使用display:inline-block后，元素间存在4px的间隔
问题：在本地项目中使用【display: inline-block】，元素间存在4px间隔。打包后发布到外网又不存在这个问题了。
归根结底这是一个西文排版的问题，英文有空格作为词分界，而中文则没有。
此时的元素具有文本属性，只要标签与标签之间有间隔【换行符|空格|间隙】都会被当作以一个字体大小的空格，就会出现4px的间隙。而且在垂直方向上，文本的基线不同也会造成错位。
使用【display: inline-block】出现间隔，解决办法：
①在写代码时，全部写在一行上，移除了空格问题（代码可读性大大降低）。
②如果打包项目后未进行压缩处理，可以设置子元素（除第一个）【margin-left:-5px】。
③父级元素中【font-size:0】,再在子元素单独设置字体大小【font-size:14px】。
④父级元素中【letter-spacing: -5px】,再在子元素单独设置【letter-spacing: 0】。
⑤父级元素中【word-spacing: -5px】,再在子元素单独设置【word-spacing: 0】。
参考文章：拜拜了,浮动布局-基于display:inline-block的列表布局 « 张鑫旭-鑫空间-鑫生活
使用【display: inline-block】出现上下错位，解决办法：
①使子元素的高度相同。
②如果两个div高度不相同，可以使用【vertical-align: top|middle|bottom 】进行【上|中|下】对齐。
③使用【overflow: hidden】解决。
相关文章：
【css】使用display:inline-block后，元素间存在4px的间隔
问题：在本地项目中使用【display: inline-block】，元素间存在4px间隔。打包后发布到外网又不存在这个问题了。 归根结底这是一个西文排版的问题，英文有空格作为词分界，而中文则没有。 此时的元素具有文本属性，只要标签…...
代码执行漏洞
原理：没有对接口输入的内容进行严格的判断 造成攻击者精心构造的代码非法执行 当应用在调用一些能将字符转化为代码的函数(如PHP中的eval)时，没有考虑用户是否能控 制这个字符串，这就会造成代码执行漏洞。 相 关 函 数 ： PHP&…...
SQLServer2022安装
首先从官网上下载2022版本SQL Server 下载 | Microsoft 选择此把呢不能运行，适合我们在学习阶段使用。 同时网页往下滑动，下载SSMS 下载后的文件 注意：在运行时最好获取管理员权限运行，第一次在安装时未获取管理员权限最终…...
vue2 配置@指向src
使用的是vue cli创建的项目。 1.安装 path 如果在 Node.js 环境中运行代码，path 模块默认是可用的，则不需要单独安装，否则输入下面命令安装path npm i path -S 2.找到vue.config.js文件： const { defineConfig } require(vue/…...
用友U9 存在PatchFile.asmx接口任意文件上传漏洞
声明： 本文仅用于技术交流，请勿用于非法用途 由于传播、利用此文所提供的信息而造成的任何直接或者间接的后果及损失，均由使用者本人负责，文章作者不为此承担任何责任。 简介 用友U9是由中国用友软件股份有限公司开发的一款企业…...
如何卸载干净 IDEA（图文讲解）
更新时间 2022-12-20 11:一则或许对你有用的小广告 星球 内第一个项目：全栈前后端分离博客项目，演示地址：Weblog 前后端分离博客, 1.0 版本已经更新完毕，正在更新 2.0 版本。采用技术栈 Spring Boot Mybatis Plus Vue 3.x Vit…...
自动化运维（十）Ansible 之进程管理模块
Ansible的进程管理模块提供了一种强大而灵活的方式来管理和操作各种进程管理器和服务。无论你使用的是Supervisor、Systemd、传统的init脚本还是Runit,这些模块都可以帮助你轻松地管理服务的生命周期。通过合理地使用这些模块,你可以实现服务的自动化管理,提高系统的可靠性和稳…...
【leetcode279】完全平方数,动态规划解法
原问题：给定一个非负整数n，如果把它视作一些完全平方数的和，那么最少需要多少个完全平方数？ 这次学习到一个热心网友的解法：把问题转化兑换零钱问题，然后使用动态规划求解。 比如，给定 n12, 那…...
Java 元素排序（数组、List 集合）
数组元素排序 升序 int[] array {3, 1, 4, 5}; Arrays.sort(array);// 升序排序 System.out.println(Arrays.toString(array)); //输出：[1, 3, 4, 5]降序 可以先将数组元素存入 List 集合，然后集合元素逆序，最后将集合元素写回原数组。&a…...
使用vite创建一个react18项目
一、vite是什么？ vite 是一种新型前端构建工具，能够显著提升前端开发体验。它主要由两部分组成： 一个开发服务器，它基于原生 ES 模块提供了丰富的内建功能，如速度快到惊人的模块热更新（HMR）。 …...
(leetcode 78))
子集(迭代)(leetcode 78)
核心逻辑： 根据子数组包含的元素个数迭代： 现有子集的基础上通过添加这个新元素来翻倍子集的数量 f(n)2f(n−1) vector<vector<int>> subsets(vector<int>& nums) {vector<vector<int>> ans;int i,j,k;ans.p…...
汽车疲劳测试试验平台技术要求（北重厂家）
汽车疲劳测试试验平台技术要求通常包括以下几个方面： 车辆加载能力：测试平台需要具备足够的承载能力，能够同时测试多种车型和不同重量的车辆。 动力系统：测试平台需要具备稳定可靠的动力系统，能够提供足够的力和速度来…...
Redis -- 缓存雪崩问题
缓存雪崩是指在同一时段大量的缓存key同时失效或者Redis服务宕机，导致大量请求到达数据库，带来巨大压力。 可能原因 : 同一时间大量的key到期 ; 解决方案： 给不同的Key的TTL添加随机值 利用Redis集群提高服务的可用性 给缓存业务添加降…...
【ARM 嵌入式 C 文件操作系列 20 -- 文件删除函数 remove 详细介绍】
请阅读【嵌入式开发学习必备专栏 】 文章目录 文件删除函数 remove 文件删除函数 remove 在 C 语言中， 可以使用 remove 函数来删除一个文件，但在删除之前 可能想确认该文件是否存在。 可以使用 stat 函数来检查文件是否存在。 以下是如何实现这个功能…...
LeetCode刷题之31.下一个排列
文章目录 1. 题目2.分析3.解答3.1 先排序，后交换3.2 先交换，后排序 1. 题目 整数数组的一个 排列 就是将其所有成员以序列或线性顺序排列。 例如，arr [1,2,3] ，以下这些都可以视作 arr 的排列：[1,2,3]、[1,3,2]、[3…...
- 向量定点算术指令)
【RISC-V 指令集】RISC-V 向量V扩展指令集介绍(九)- 向量定点算术指令
1. 引言 以下是《riscv-v-spec-1.0.pdf》文档的关键内容： 这是一份关于向量扩展的详细技术文档，内容覆盖了向量指令集的多个关键方面，如向量寄存器状态映射、向量指令格式、向量加载和存储操作、向量内存对齐约束、向量内存一致性模型、向量…...
【Java网络编程】IP网络协议与TCP、UDP网络传输层协议
1.1、IP协议 当应用层的数据被封装后，想要将数据在网络上传输，数据究竟要被发往何处，又该如何精准的在网络上定位目标机器，此时起到关键作用的就是“IP协议”。IP协议的作用在于把各种数据包准确无误的传递给目标方，其…...
C# 分布式自增ID算法snowflake（雪花算法）
文章目录 1. 概述2. 结构3. 代码3.1 IdWorker.cs3.2 IdWorkerTest.cs (测试) 1. 概述 分布式系统中，有一些需要使用全局唯一ID的场景，这种时候为了防止ID冲突可以使用36位的UUID，但是UUID有一些缺点，首先他相对比较长，…...
commonJS和esModule的应用
commonJS commonJS规范的核心变量是：exports，module.exports，require exports 和 module.exports可以负责模块的导出require 负责模块的导入 module.exports 导出方案： const name yx const age 18// 1 导出方案 module.exp…...
（十一）RabbitMQ及SpringAMQP
1.初识MQ 1.1.同步和异步通讯 微服务间通讯有同步和异步两种方式： 同步通讯：就像打电话，需要实时响应。 异步通讯：就像发邮件，不需要马上回复。 两种方式各有优劣，打电话可以立即得到响应，…...
转转集团旗下首家二手多品类循环仓店“超级转转”开业
6月9日，国内领先的循环经济企业转转集团旗下首家二手多品类循环仓店“超级转转”正式开业。 转转集团创始人兼CEO黄炜、转转循环时尚发起人朱珠、转转集团COO兼红布林CEO胡伟琨、王府井集团副总裁祝捷等出席了开业剪彩仪式。 据「TMT星球」了解，“超级…...
sqlserver 根据指定字符 解析拼接字符串
DECLARE LotNo NVARCHAR(50)A,B,C DECLARE xml XML ( SELECT <x> REPLACE(LotNo, ,, </x><x>) </x> ) DECLARE ErrorCode NVARCHAR(50) -- 提取 XML 中的值 SELECT value x.value(., VARCHAR(MAX))…...
微服务商城-商品微服务
数据表 CREATE TABLE product (id bigint(20) UNSIGNED NOT NULL AUTO_INCREMENT COMMENT 商品id,cateid smallint(6) UNSIGNED NOT NULL DEFAULT 0 COMMENT 类别Id,name varchar(100) NOT NULL DEFAULT COMMENT 商品名称,subtitle varchar(200) NOT NULL DEFAULT COMMENT 商…...
【Web 进阶篇】优雅的接口设计：统一响应、全局异常处理与参数校验
系列回顾： 在上一篇中，我们成功地为应用集成了数据库，并使用 Spring Data JPA 实现了基本的 CRUD API。我们的应用现在能“记忆”数据了！但是，如果你仔细审视那些 API，会发现它们还很“粗糙”：有…...
C++中string流知识详解和示例
一、概览与类体系 C 提供三种基于内存字符串的流，定义在 <sstream> 中： std::istringstream：输入流，从已有字符串中读取并解析。std::ostringstream：输出流，向内部缓冲区写入内容，最终取…...
相机Camera日志分析之三十一：高通Camx HAL十种流程基础分析关键字汇总（后续持续更新中）
【关注我，后续持续新增专题博文，谢谢！！！】 上一篇我们讲了：有对最普通的场景进行各个日志注释讲解，但相机场景太多，日志差异也巨大。后面将展示各种场景下的日志。 通过notepad++打开场景下的日志，通过下列分类关键字搜索，即可清晰的分析不同场景的相机运行流程差异…...
Caliper 配置文件解析：config.yaml
Caliper 是一个区块链性能基准测试工具，用于评估不同区块链平台的性能。下面我将详细解释你提供的 fisco-bcos.json 文件结构，并说明它与 config.yaml 文件的关系。 fisco-bcos.json 文件解析 这个文件是针对 FISCO-BCOS 区块链网络的 Caliper 配置文件，主要包含以下几个部…...
精益数据分析（97/126）：邮件营销与用户参与度的关键指标优化指南
精益数据分析（97/126）：邮件营销与用户参与度的关键指标优化指南 在数字化营销时代，邮件列表效度、用户参与度和网站性能等指标往往决定着创业公司的增长成败。今天，我们将深入解析邮件打开率、网站可用性、页面参与时…...
laravel8+vue3.0+element-plus搭建方法
创建 laravel8 项目 composer create-project --prefer-dist laravel/laravel laravel8 8.* 安装 laravel/ui composer require laravel/ui 修改 package.json 文件 "devDependencies": {"vue/compiler-sfc": "^3.0.7","axios": …...
Redis的发布订阅模式与专业的 MQ（如 Kafka, RabbitMQ）相比，优缺点是什么？适用于哪些场景？
Redis 的发布订阅（Pub/Sub）模式与专业的 MQ（Message Queue）如 Kafka、RabbitMQ 进行比较，核心的权衡点在于：简单与速度 vs. 可靠与功能。 下面我们详细展开对比。 Redis Pub/Sub 的核心特点 它是一个发后…...