单选按钮在IE7和IE9中未对齐

Question

我在表格中实现了两个单选按钮，它们在所有版本的Chrome和Firefox中都能正确显示，但在IE7和IE9中显示不正确，请参见下文。代码是here。提前致谢！

Answer 1

这是因为除了单选按钮之外的跨度，并且跨度中有一个粗体文本。尝试将一些负面margin-top设置为它应该工作的单选按钮。

Answer 2

• 使用blueprintcss.org compatible with browsers/OS，960.gs或类似的CSS库
  用户已经使其适用于多个浏览器/平台

• 非常“原始”的解决方案，如果没有其他工作。制作表格以进行对齐 尽管符合标准，但这不是推荐的方法。

+-----------------------------+------------+
| +----+------------------+   |            |
| | o  | My halo complete |   | image here |
| +----+------------------+   |            |
+-----------------------------+------------+

• 定义CSS“td.middle {vertical-align：middle;}”
  然后使用表格

  ＆lt; td class =“middle”＆gt;

• 如果需要，请使用custom rendering