asp.net – 将单选按钮与相应的标签对齐

发布时间：2020-12-15 23:46:39 所属栏目：asp.Net 来源：网络整理

导读：我正在使用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 一切看起来都很好(至少对用户来说),标签与单

我正在使用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;
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!