在javascript警报中对齐文本列答案

【问题标题】：Align text columns in javascript alert在javascript警报中对齐文本列
【发布时间】：2014-10-21 08:03:58
【问题描述】：

我有一个 javascript 警报，我在框中显示每行一个值对，要求用户确认他们要删除记录。

类似这样的：

header1: value1   
header2: value2   
header3: value3

问题在于标头的长度可能有很大差异。比如：

h1: value1
longlongheader2: value2

我无法对标题的长度做出任何有用的假设。但我需要“value2”直接低于“value1”。

我不能使用字符串的长度，因为在视觉上O 比i 大很多。 javascript 有没有办法测量字体指标？

我很惊讶我找不到这个问题的答案。我所看到的一切都是针对其他语言的，或者每个人都推荐了库。

我还应该指出，我不希望为此包含任何库。当前运行的是标准 JQuery，但不是 JQueryUI。

【问题讨论】：

你能提供你的数据样本吗？以 JSON 为例。
@aymericbeaumet 表头来自表头，值对应于表中特定行的值。我无法对将存在的数据类型做出任何假设。任何样本数据都是间接的
我们可以假设它和键/值一样简单。
@aymericbeaumet 更具体地说是文本到文本键/值是的。但我的意思是，没有关于存在什么样的文本的假设。
since visually O is much bigger than i 这是 IMO 最大的问题，因为您无法控制警报的显示方式。一个解决方案可能是使用自定义警报。

【解决方案1】：

您可以使用制表符空格转义序列\t 在标题和值之间提供精确的空格，如下所示：

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

希望这会有所帮助！

【讨论】：