javascript - 如何设置带有单选图标后缀文本的单选按钮列表？

Question

我正在使用 asp.net 单选按钮列表，它正在呈现以下 html。但问题是如何在单选图标旁边呈现单选按钮的文本。目前它显示在单选图标的底部。 它呈现在 html 之后。这两个单选按钮之间有大量空间，即使在单选按钮之后没有呈现。

<td>
    <table id="MainContent_rdlRunType" style="width:50%;">
        <tbody>
            <tr>
                <td>
                    <input id="MainContent_rdlRunType_0" type="radio" name="ctl00$MainContent$rdlRunType" value="0" checked="checked">
                    <label for="MainContent_rdlRunType_0">True</label>
                </td>
                <td>
                    <input id="MainContent_rdlRunType_1" type="radio" name="ctl00$MainContent$rdlRunType" value="1">
                    <label for="MainContent_rdlRunType_1">False</label>
                </td>
            </tr>
        </tbody>
    </table>                                                            
</td>

我想渲染成

radio button True radio False. 

有什么办法可以这样吗？

Answer 1

发生这种情况是因为您在表格中使用了内联样式 width: 50%。您可以删除它:

<table id="MainContent_rdlRunType">
    <tbody>
        <tr>
            <td>
                <input id="MainContent_rdlRunType_0" type="radio" name="ctl00$MainContent$rdlRunType" value="0" checked="checked">
                <label for="MainContent_rdlRunType_0">True</label>
            </td>
            <td>
                <input id="MainContent_rdlRunType_1" type="radio" name="ctl00$MainContent$rdlRunType" value="1">
                <label for="MainContent_rdlRunType_1">False</label>
            </td>
        </tr>
    </tbody>
</table>