技术栈

CSS图片下方4px间距

下雪天的夏风2023-10-31 23:47

目录

  • 1,问题表现
  • 2,问题解决

1,问题表现

css 复制代码
.test-img {
  height: 100px;
  outline: 1px solid salmon;
}

图片下方有4px间距。

图片下方是图片时问题也存在。

2,问题解决

  1. 图片设置 display: block;
  2. 图片设置 vertical-align: middle; 或 vertical-align: bottom;
  3. 图片父级设置 font-size: 0;

以上。

上一篇:LLM - 训练与推理过程中的 GPU 算力评估
下一篇:基于SSM的模具制造企业订单跟踪管理系统设计与实现
相关推荐
EndingCoder
7 分钟前
案例研究:从 JavaScript 迁移到 TypeScript
开发语言·前端·javascript·性能优化·typescript
阿珊和她的猫
1 小时前
React 路由:构建单页面应用的导航系统
前端·react.js·状态模式
Amumu12138
2 小时前
Vue脚手架(二)
前端·javascript·vue.js
花间相见
2 小时前
【LangChain】—— Prompt、Model、Chain与多模型执行链
前端·langchain·prompt
lichenyang453
3 小时前
从零开始构建 React 文档系统 - 完整实现指南
前端·javascript·react.js
比特森林探险记
3 小时前
Hooks、状态管理
前端·javascript·react.js
landonVM
3 小时前
Linux 上搭建 Web 服务器
linux·服务器·前端
css趣多多
3 小时前
路由全局守卫
前端
AI视觉网奇
3 小时前
huggingface-cli 安装笔记2026
前端·笔记
比特森林探险记
3 小时前
组件通信 与 ⏳ 生命周期
前端·javascript·vue.js
热门推荐
01GitHub 镜像站点02OpenCode 入门教程:介绍 · 安装 · 配置第三方 API (如 Claude)03Clawdbot 中文汉化版 接入微信、飞书04一种新的LCA算法05【网络安全测试】Burp Suite工具使用说明、配置及常见问题(有关必回)06Claude Code Skills 实用使用手册07在Trae中使用Pencil MCP08零门槛部署本地 AI 助手:Clawdbot/Meltbot 部署深度保姆级教程09struts2 XML外部实体注入漏洞复现(CVE-2025-68493)10UV安装并设置国内源