gpt4 book ai didi

html - 如何摆脱一些大写字母的水平偏移/填充

转载 作者:太空宇宙 更新时间:2023-11-04 12:47:22 24 4
gpt4 key购买 nike

下面的例子几乎概括了它。
这段代码:

<h1 style="background-color:#F2D680">
K
</h1>
<h1 style="background-color:#BAC9A9">
T
</h1>

产生:

misaligned letter

如您所见,字母 K 发生了偏移(它的最左边缘与 T 的最左边缘不对齐)
是否有任何 CSS 技巧可以克服这种错位?

最佳答案

这是由字形设计引起的。许多字形在可见符号的左侧或右侧都有一些空白区域。这个间距超出了 CSS 的范围。您不能使用 CSS 将字形中的可见符号左对齐,因为 CSS 无法“进入字形内部”。

但是,您可以使用 CSS 以不同的方式调整间距,可能会消除字形中间距的影响。这需要在检查正在使用的字体中的字形的基础上完成,并且自然地当您的字体建议由于某种原因(例如,用户的系统没有得到字体)不被尊重时,可能会导致奇怪的效果。

所以这将是不可靠的调整,但有时它可能就足够了。示例:

h1 { font: 96pt Arial }
<h1 style="background-color:#F2D680; text-indent: -0.04em">
K
</h1>
<h1 style="background-color:#BAC9A9">
T
</h1>

关于html - 如何摆脱一些大写字母的水平偏移/填充,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26408290/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com