Html &引用；Tá；co"；比“更宽”；塔可；。我怎样才能解决这个问题？

我试着在一个不带变音符号的div上加载一个带变音符号的div。间隔不是我想的那样。（请参阅下面的代码片段）如何修复此问题

div.text{
宽度：75%；
位置：相对位置；
}
变音系{
宽度：100%；
身高：100%；
位置：绝对位置；
排名：0；
左：0；
z指数：-1；
颜色：红色；
}

String字符串
Stríng Stríng Stríng Stríng Stríng Stríng Stríng Stríng Stríng Stríng Stríng Stríng
塔可塔可塔可塔可塔可塔可塔可塔可塔可塔可塔可塔可
塔科塔科塔科塔科塔科塔科塔科塔科塔科塔科塔科塔科塔科塔科

div.text{
宽度：75%；
位置：相对位置；
字体系列：monospace；
}
变音系{
宽度：100%；
身高：100%；
位置：绝对位置；
排名：0；
左：0；
字体系列：monospace；
z指数：-1；
颜色：红色；
}

String字符串
Stríng Stríng Stríng Stríng Stríng Stríng Stríng Stríng Stríng Stríng Stríng Stríng
塔可塔可塔可塔可塔可塔可塔可塔可塔可塔可塔可塔可
塔科塔科塔科塔科塔科塔科塔科塔科塔科塔科塔科塔科塔科塔科

您将要查看

字体字距CSS属性控制字距的使用 信息；也就是说，它控制字母的间距。紧缺 信息存储在字体中，如果字体的字距很好， 此功能允许字符之间的间距非常相似， 不管角色是什么

看看这支笔，我把字距设置为“无”，他们排好了队

div.text {
        width: 75%;
        position: relative;
        font-kerning:none;
    }
    div.diacritics {
        width: 100%;
        height: 100%;
        position: absolute;
        font-kerning:none;
        top: 0;
        left: 0;
      z-index: -1;
      color: red;
    }

多一点信息

紧排调整单个字母形式之间的间距，而 跟踪（字母间距）在一定范围内均匀调整间距 人物。在字距良好的字体中，二维空格 每对字符之间都有一个视觉上相似的区域

---

我无法在Mac OS X上重现这个问题：作为对比，我也在OS X上，但我确实看到了这个问题——我认为这是安装字体的不同。这意味着这个问题的答案是“不要尝试这样做，因为结果不容易预测。”如果重要的是

“táco”

的宽度并不总是与

“Taco”

的宽度完全相同，那么你的布局应该更稳健。谢谢，但它在我的mac os x上仍然不起作用。我想知道为什么有些人可以复制这个问题，而有些人不能。看起来你没有指定字体。你想用什么字体？我想这最能回答问题，尽管我不想用那种字体。谢谢