不同宽度的空间？答案

【问题标题】：A space of a different width?不同宽度的空间？
【发布时间】：2012-03-16 18:03:21
【问题描述】：

通过使用 JavaScript 测量文本并添加适当数量的空格，我可以有效地在 <select> 中创建两列布局。但是，根据字体大小，空间的宽度约为 4 像素，这意味着 column on the right kinda wavers 向左或向右一次最多 3 个像素。

Fixed width 不是解决方案。在这种情况下，摇摆实际上看起来更好。但是另一个空间会更好。

我可以计算出不同宽度的空间来减少波动吗？

【问题讨论】：

为什么要尝试在select 框中包含两列？
你能把这个放在小提琴里吗？听起来很疯狂。
@zzzzBov：展示我想象的两条不同的信息。
@Mathletics, Here you go! 请注意，在现实世界中，JavaScript 会处理对齐，如果备用空间比正常空间更宽，它会利用它来删除左-正确的抖动。

【解决方案1】：

有各种固定宽度的空格，但它们在不同字体中的工作方式不一致。

如果您需要表格展示，请使用表格。这意味着您将使用一组单选按钮，而不是 select 元素。然后，您可以将单选按钮标签分成两列（也许将单选按钮放在它们自己的一列中）。

【讨论】：

它们不需要跨字体一致地工作。 JavaScript 将检测宽度的差异并尽可能利用。我宁愿知道一个或多个我可以使用的空格字符，而不是仅仅得到一个答案来切换到表格。
您可以在 Unicode 标准中找到有关固定宽度空格的信息，但您会发现它们在不同字体中的工作不一致，这是一个真正的问题。首先，大多数字体不包含其中的大部分。
如果字体中不包含字符，那就是有问题，但是如果根据使用的字体宽度不同，JavaScript会检测到。我在这里找到了一个列表cs.tut.fi/~jkorpela/chars/spaces.html