用JavaScript獲取字符串長度像素

Question

假設我有字符串「Hello」。這個字符串顯然是五個字符，但它的長度是多少？有沒有一種簡單的方法來確定JavaScript的這個長度？我想過一個解決方案，其中一個額外的div將不得不向用戶顯示，但這種方式看起來很詭異和複雜。

大圖中，我試圖確定需要多少空間來填充字符串的長度。從上面可以看出，我認爲最好的選擇是從用戶的角度簡單地測量字符串的長度和單個空格字符，並計算應該用多少空格替換基於該空格的文本。順便說一下，這將在HTML輸入文本中顯示。

謝謝。

Answer 1

您可以確定像素的數量容器的字符串。您可以通過在DOM中創建隱藏元素，將內部HTML設置爲字符串，然後詢問寬度來實現此目的。

Answer 2

我不認爲他們是一個很好的，簡單的方法來做到這一點，除了計算一個容器的長度。寬度取決於字體大小，字體，字母間距，它將根據瀏覽器等不同而不同。