Html 面对IE8和Firefox文本对齐问题的一个复选框

我以以下方式使用复选框。 Firefox中的屏幕截图

IE8中的sceen镜头在这里

这是密码

<div>
   <div>Testing :</div>
   <div><input type="checkbox" value="1"/> One</div>
   <div><input type="checkbox" value="2"/> Two</div>
   <div><input type="checkbox" value="3"/> Three</div>
</div>

测试：
一个
两个
三

---

如何在两种浏览器中将文本垂直居中对齐？

将此内容写入CSS-

input[type="checkbox"]{
    vertical-align: middle;
}

内联CSS技巧在WinXP上有效。试试-

<div><input type="checkbox" value="1" style="vertical-align: middle;" /> One</div>

1

尝试使用不同的css：

<!--[if IE 8]>
    <link rel="stylesheet" type="text/css" href="ie8.css">
<![endif]-->

---

为ie 8编写您自己的css复选框，因为它不起作用。即使在演示中，它看起来也不像是windows xp上的Centre verticalI am，并在IE8和firefox上检查它，而且它也不在中间：（我也试过了……但它仍然与屏幕截图中的相同，即使在demo@Coder_sLaY这是你的解决方案-