2014-08-27 55 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