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

时间:2011-08-18 17:11:35

标签: html css forms internet-explorer radio-button

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

radio buttons misaligned

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:1)

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

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

+-----------------------------+------------+
| +----+------------------+   |            |
| | o  | My halo complete |   | image here |
| +----+------------------+   |            |
+-----------------------------+------------+
  • 定义CSS“td.middle {vertical-align:middle;}”
    然后使用表格

    < td class =“middle”>

  • 如果需要,请使用custom rendering