我正在使用ASP.NET单选按钮列表控件.
它生成以下HTML.
<table>
<tr>
<td>
<input type="radio"/>
<label >
label 1</label>
</td>
<td>
<input type="radio"
value="False" checked="checked" />
<label >
label 2</label></td>
</tr>
</table>
但是,当我调整字体大小为10px时,标签的大小显然看起来更小,但副作用就是标签也看起来像对齐在单选按钮的底部.我需要一个标签来对齐一个单选按钮的中间.
我可以在IE中使用以下css：
<style type="text/css">
label
{
font-size:10px;
line-height:12px;
vertical-align:middle;
}
</style>
但是,这在Firefox或Chrome中不起作用
有什么建议么？
解决方法
而不是这样：
label {
font-size: 10px;
line-height: 12px;
vertical-align: middle;
}
尝试这个：
label,input[type="radio"] { font-size: 10px; vertical-align: middle; }
