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

2012-10-25 47 views 2 likes

我在以下方式使用复选框。的屏幕截图在火狐 enter image description here 面对IE8和Firefox对齐问题的复选框的文本

而且在IE8的sceen镜头是在这里

enter image description here

下面是代码

<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

来源

2012-10-25 Coder_sLaY

回答

写这篇文章 -

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

Working Demo

内联CSS技巧适用于WIN XP。尝试 -

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

来源

2012-10-25 06:00:53 Dipak

它不工作。即使在演示中，它看起来不像是中心垂直 –

我在一个Windows XP上，并检查它在IE8和Firefox，它不是在中间:( –

我试过，也...仍然是相同的在屏幕截图即使在演示 –

尝试用不同的CSS使用：

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

写你自己的复选框CSS在此文件中的IE 8

来源

2012-10-25 06:24:20 rusly

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

回答

相关问题