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

Question

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

Answer 1

• 使用 blueprintcss.org compatible with browsers/OS、960.gs 或类似的 CSS 库
  用户已经让它在多个浏览器/平台上工作

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

+------------------+------------+ | +----+------------------+ | | | | ○ |我的光环完成 | |图片在这里 | | +----+------------------+ | | +------------------+------------+

• 定义 CSS "td.middle { vertical-align: middle;}"
  然后使用表格申请

• 如果需要，请使用custom rendering

【讨论】：

Answer 2

发生这种情况是因为除了单选按钮之外的跨度，并且跨度中有粗体文本。尝试为单选按钮设置一些否定的margin-top 应该可以工作。