Bir Javascript dize genişliğini hesaplamak için kullanmak istiyorum, mümkün tek aralıklı bir yazı tipi kullanmak zorunda kalmadan bu? Eğer değil yerleşik, benim sadece fikir oluşturmak için bir tablo genişlikleri için her karakter, ama bu çok mantıksız özellikle destekleyen unicode ve farklı türü boyutları (tüm tarayıcılar için önemli).

Bir DİV aşağıdaki stilleri ile tarz oluşturmak. JavaScript yazı tipi boyutunu ayarlamak ve ölçmek için çalışıyoruz, DİV içinde dize koymak, DİV, geçerli genişlik ve yükseklik okuyun sonra öznitelikleri. İçeriği sığdırmak için streç olacak ve boyutu dize işlenmiş boyutu bir kaç piksel içinde olacak.

HTML:

<div id="Test">
    abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
</div>

CSS:

#Test
{
    position: absolute;
    visibility: hidden;
    height: auto;
    width: auto;
    white-space: nowrap; /* Thanks to Herb Caudill comment */
}

JavaScript (parça):

var test = document.getElementById("Test");
test.style.fontSize = fontSize;
var height = (test.clientHeight   1)   "px";
var width = (test.clientWidth   1)   "px";