javascript - Google 财经 - 获取报价搜索框 - 列对齐

Question

谷歌如何设法正确对齐谷歌金融网址中“获取报价”搜索框建议下拉列表中的第二列（即股票代码名称）

示例：如果您输入iii- 第二列完全对齐。

它不使用固定宽度的字体 - 因此仅在代码中添加正确数量的空格是行不通的。

他们是怎么做到的？

Answer 1

很可能只是使用边距。将第一列向左浮动，然后将边距设置为第一列的宽度。

Answer 2

我刚刚使用 DOM 检查器查看了源代码，看起来它们span对于每个单元格都是 s，并且设置了边距（如 Darren 所说）以将右列放在上面。