2014-08-27 53 views
1

我有一個JavaScript警報,我在一個盒子中每行顯示一對值,要求用戶確認他們想要刪除一條記錄。在javascript警報中對齊文本列

像這樣:

header1: value1 
header2: value2 
header3: value3 

問題是,當該標頭的長度可以變化很大。類似於:

h1: value1 
longlongheader2: value2 

我無法對標題長度做任何有用的假設。但我需要「value2」直接在「value1」下面。

我不能使用該字符串的長度,因爲視覺Oi。 javascript是否有測量字體指標的方法?

我很驚訝我找不到答案。我看到的所有內容都是針對其他語言的,或者每個人都推薦使用庫。

我還應該指出,我不想爲此包含任何庫。目前運行標準的JQuery,但不是JQueryUI。

+0

你能提供你的數據樣本嗎?以JSON爲例。 – aymericbeaumet 2014-08-27 16:19:58

+0

@aymericbeaumet頭部來自表頭,並且值對應於表中特定行的值。我無法對那些將會出現的數據做出任何假設。任何樣本數據都是可以接受的 – Cruncher 2014-08-27 16:23:47

+0

我們可以假設它與鍵/值一樣簡單。 – aymericbeaumet 2014-08-27 16:29:30

回答

0

你可以使用標籤空間轉義序列\t提供頭部和值之間的精確空間象下面這樣:

var message = "header:\t\tvalue1" 
message += "\n" 
message += "longheader:\tvalue2" 
alert(message); 

DEMO

希望這將幫助!

+2

我需要這個工作任意長度的標題。這隻有在我提前知道標題值時纔有效。從這個問題:「我不能做任何有關假設長度的標題」 – Cruncher 2014-08-27 16:27:04

+0

所以你的問題應該如何知道頭的長度,提供一些JS的代碼,以便我們得到一個想法。 – 2014-08-27 16:28:55