0

我正在研究 html 单选按钮。在我的代码中放置了单选按钮。但它附近的文字有点隆起。请帮助我将其附近的文本对齐为通常的单选按钮。http://jsfiddle.net/SFn6R/3/。所以当我摆弄它时它工作正常。但是当我将它添加到我的项目中时。文本显示位从单选按钮提升。任何想法。提前致谢

这是我的代码：

        .date {
float: left;
display: block;
width: 100%;
height: 20px;
position: relative;
margin: 24px 0px 0px 0px;
text-align: center;

}

4

2 回答 2

1

将单选按钮和文本放在表格行中它会正常工作。

<table>
<tr>
<td><input type="radio" name=""></td>
<td>text you want to enter</td>
</tr>
</table>

如果它不起作用，试试这个 回复。在那之前，我可以向您发送一些 CSS 代码来执行此操作。

好的，你可以这样做

<table>
<tr>
<td valign="top"><input type="radio" name=""></td>
<td valign="top">monday</td>
</tr>
</table>

试试这个并回复它是否有效

好的，那么我已经看到了您的链接，我已经这样做了，它对我来说很好。核实

<p class="date">
<table>
    <tr>
        <td>Select Date Range:</td> 


        <td><input type="radio" name="month" onchange="#" /></td><td>monday</td>
        <td><input type="radio" name="month" onchange="#" /></td><td>tuesday</td>
        <td><input type="radio" name="month" onchange="#" /></td><td>wednesday</td>
        <td><input type="radio" name="month" onchange="#" /></td><td>thursday</td>
    </tr></table>
                        </p>
于 2013-06-19T10:06:33.580 回答
1

我不确定这是否可行，但您可以尝试

        .date {
float: left;
display: block;
width: 100%;
height: 20px;
position: absolute;
margin: 24px 0px 0px 0px;
text-align: center;
}

像使用旧版一样发布您的 html

于 2013-06-19T09:54:16.460 回答