跨度寬度相關問題

2012-08-16 54 views 0 likes

在jsfiddle演示中，請注意ie9中的「需要」單詞的位置，它在第一行中，而在其他瀏覽器中，它將在第二行，我希望在ie9的情況下將它轉到第二行。跨度寬度相關問題

2012-08-16 rahul

你試過這些：添加br？設置寬度？圍繞'需要'圍繞另一個跨度並設置爲顯示：塊？ – 2012-08-16 13:48:01

我不能根據客戶要求做任何一項只是想在所有瀏覽器中「需要」來到第二線。 – rahul 2012-08-16 13:50:47

當然'
'這個詞會把它放在第二行。這是一個非常笨拙的解決方法，但它會完成這項工作。問題的原因看起來很模糊：在「標準模式」中，IE 9似乎更緊湊地呈現文本，使得「需要」一詞適合於第一行。（不，我*不*推薦怪癖模式，因爲它會有其他不可預知的其他效果。） – 2012-08-16 14:00:58

回答

的差異似乎是由new rendering features of IE 9引起的。如果您在不同模式下查看IE 9上的頁面（使用F12並將文檔模式設置爲兼容模式與標準模式），您將看到文本寬度發生變化：字母在標準模式下打包得更緊。（這不是一個字母間距問題;而是一個文本渲染細節，如亞像素渲染問題。）

如果您只是需要強制換行，請使用<br>。否則，方法取決於目標。即使他們服從你的字體系列和字體大小設置，也不可能強制瀏覽器以完全相同的方式呈現一段文本。

2012-08-16 14:18:24

相關問題