行内块元素之间的空白

原因:

行内块元素与文本的基线对齐,而文本的基线与文本最底端之间是有一定距离的。

解决:

1、img:vertical-align: 给行行内块设置vertical ,值不为 baseline 即可,设置为 middel 、bottom 、

top 均可。

2、若父元素中只有一张图片,设置图片为 display:block

3、给父元素设置 font-size: 0 。如果该行内块内部还有文本,则需单独设置fontsize

相关推荐
Lsx_3 小时前
基于 Claude Code 的 AI 编程工作流探索
前端·ai编程·claude
yingyima3 小时前
Nginx 配置速查手册:核心语法与实战案例
前端
梨子同志3 小时前
开发工具
前端·后端
像我这样帅的人丶你还3 小时前
Java 后端详解(六):Maven 与本地开发指南
前端·后端
触底反弹3 小时前
🎲 纯 CSS 搞定 3D 旋转立方体?还附赠一个「天坑」解决方案!
前端·css·html
盗德3 小时前
LangChain.js 中文开发手册(记录)
前端
Geek-Chow4 小时前
微服务认证与授权:01 — 概念
java·前端·数据库
狂炫冰美式5 小时前
凌晨睡不着,我给台风巴威写了个追踪网站
前端·后端·github
雪隐5 小时前
用Flutter做背单词APP-01服务器?不存在的,我家里就有
前端·人工智能·后端