行内块元素之间的空白

原因:

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

解决:

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

top 均可。

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

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

。

相关推荐
计算机魔术师9 小时前
AGI 来了?黄仁勋刚说恭喜,Marcus 就翻脸要关停 OpenAI
前端
IT_陈寒9 小时前
React组件意外更新的罪魁祸首,我排查了这一整天
前端·人工智能·后端
子兮曰9 小时前
Laya 深度解析:421M 开源决策模型硬刚 Jev,33ms 背后藏了啥
前端·后端·python
Csvn9 小时前
React 渲染与 Fiber:从同步递归到可中断的并发渲染
前端
子兮曰9 小时前
1.3亿月活还不够,DeepSeek这次直接把饭碗端走了
前端·后端·aigc
计算机魔术师9 小时前
澳大利亚将调查OpenAI模型入侵政府医疗网站是否违法
前端
前端snow9 小时前
ai agent -- graphRAG 之 Neo4j
前端
dpharness9 小时前
会话导入失败、token 突然变高,聊天记录导入器的排错清单
前端
gnip9 小时前
GetX 在 Flutter 中的使用:两种视图管理方式解析
前端·flutter
Leslie1659 小时前
把 Grafana 安全发布到公网:用 Caddy、Docker 与最小暴露面配置 HTTPS
前端