html - 如何删除 HTML 中字符之间的空格？填充不起作用

Question

即使我将填充添加为 0px，为什么在字母“അ”之前有空格（标记为红色）？

<span style="margin:0;padding:0;border:1px solid blue;font-size:128px">അ&lt;/span>

Answer 1

该空间是字体的一部分。在其上使用负片以将其删除。letter-spacing margin-left

例子

注意：这只会将整个跨度向后移动几个 px。实际上，空间仍然存在，无法正确移除。

Answer 2

在排版中，出于美观和可读性的考虑，通常会调整字符之间的间距。空格甚至在常见的 ascii 字母中也存在：

<span style="margin:0;padding:0;border:1px solid blue;font-size:128px;letter-spacing:0px;">a</span>

但是空间是不同的，因为不同的变量，比如前一个字符和下一个字符是什么。

你可以通过玩消极padding和letter-spacing

更多信息

Answer 3

使用内联定位会产生空白，并且跨度始终是内联元素。解决方案：https ://css-tricks.com/fighting-the-space-between-inline-block-elements/

你看过 lettering.js 吗？它是一个专门用于排版的 jquery 插件。