css - 跨度宽度相关问题

Question

在 jsfiddle 演示中，请注意 ie9 中“需要”字的位置，它出现在第一行，而在其他浏览器中，它会出现在第二行，如果是 ie9，我希望它也出现在第二行。

js小提琴链接

Answer 1

这种差异似乎是由IE 9 的新渲染功能引起的。如果您在不同模式下查看 IE 9 上的页面（使用 F12 并将文档模式设置为兼容模式与标准模式），您会看到文本的宽度发生了变化：字母在标准模式下被更紧密地包装。（这不是字母间距问题；而是文本渲染细节问题，例如子像素渲染。）

如果您只需要强制换行，请使用<br>. 否则，方法取决于目标。强制浏览器以完全相同的方式呈现一段文本是不可能的，即使它们遵循您的字体系列和字体大小设置。