跨瀏覽器的字母間距

Question

我有這是造成盒/輸入框，以在不同的瀏覽器，特別是Safari和鉻是斷開跨瀏覽器字母間隔一個巨大的問題。

作爲圖所示，一個被揉成一團而其他看起來正常。有沒有人有任何修復？

font-family: 'Arial Narrow', Arial, sans-serif; 
font-size:13px; 

Answer 1

我之所以提出這個問題，是因爲我有一個網站，有：

<div style="width:300px">Text: <input width="260px" /></div> 

所以發生了什麼事時，該文本將結束是幾個像素在不同的瀏覽器中更長時間，拋棄輸入框多長時間的結束。

它已經到了我的注意，不同的瀏覽器將不可避免地導致某些字體的方式略有不同，並沒有真正的周圍沒有工作字母間距。

所以，不是改變字間距，使匹配的輸入框的 - 我所做的輸入框中填寫它與一個百分比，而不是像素長度內的div的剩餘空間。這樣，每個輸入框在所有瀏覽器中的相同點處結束並最終匹配。

感謝您的幫助。

我怎麼做的：

HTML：

<div style="width:300px"> 
    <label>Text:</label> 
    <span><input /></span> 
</div> 

CSS：

label { float: left; } 
span { display: block; overflow: hidden; } 
input { width: 100%; }