jquery - 尝试使用动态字母间距进行拉伸(stretch)时,字体对齐问题

标签 jquery html css browser google-font-api

我试图证明一些“单字”行是合理的,我有一个 jQuery 脚本可以从这个网站上的另一个问题中做到这一点,我在我的网站上实现了它。问题是它可以工作,但并不完美,它会在直线的两端留下一些空间。经过大量调试后,我发现这是因为我使用的谷歌字体,或者更好:我认为这是问题所在,如果我使用默认字体,它会完美地工作..

另一个非常奇怪的事情是,如果我调整浏览器的大小(我使用的是 Chrome),问题就会消失,并且只有在我刷新页面时才会出现。

现在,对于代码,出于某种原因(可能是调整大小的问题)我无法在更简单的 jsfiddle 中重现错误,但我可以链接该网站并在需要时为您提供任何其他代码。

Live problem

请看第一行末尾的“B”,我已经放了一个网格来突出问题。

最佳答案

您是否尝试过将左右边距样式设置为零或自动?

关于jquery - 尝试使用动态字母间距进行拉伸(stretch)时,字体对齐问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33355058/

相关文章:

javascript - 拖放列表项后获取列表顺序 asp.net c#

javascript - 我需要什么 CSS 规则来隐藏 "tr"元素,其子元素 "td"的子元素 "input"具有空值属性?

css - 如何让剑道 NumericalTextBox 以与剑道 DropDownList 相同的方式共享表格单元格的宽度?

javascript - 使用不同的类名更改事件按钮上的 CSS

jquery - 如何在 bootstrap 中限制年龄最小 3 岁

javascript - 如何使用JQuery将html标签作为字符串内容的一部分输出到div

c# - 如果我想使用 Telerik 的 Kendo UI,我需要知道哪些语言?

html - 在整页、变暗、模糊的背景图像上添加居中文本?

"border-radius"值的 Javascript/jQuery 正则表达式

javascript - 错误不会显示在以 html 形式提交的表单上的 span 标记中 - Jquery