在与 HTML 表格相同的行上显示文本？答案

【问题标题】：Display text on same line as HTML Table?在与 HTML 表格相同的行上显示文本？
【发布时间】：2016-10-01 17:29:48
【问题描述】：

<table>
    <tr>
        <td>Yes <input type="radio" value="yes" /></td>
    </tr>
    <tr>
        <td>No <input type="radio" value="no" /></td>
    </tr>
</table> Test Text

通常，文本“测试文本”将被推送到下一行。是否可以将“测试文本”文本与表格保持在同一行？

【问题讨论】：

Stack Overflow 上的人们喜欢措辞合理的问题。您可能需要详细说明一下。
我相信他希望它出现在表格的同一行，而不是它之后的行
我同意这一点，这太模棱两可了，无法理解他想要什么。
你如何设法让括号之间的东西出现？

标签： html css html-table

【解决方案1】：

以防万一有人需要反过来：

Some text <table style="display:inline-table">
    <tr>
        <td>Yes <input type="radio" value="yes" /></td>
    </tr>
    <tr>
        <td>No <input type="radio" value="no" /></td>
    </tr>
</table>

【讨论】：

用一行表测试。由于某种原因，文本没有与表格对齐，而是比表格略低。

【解决方案2】：

<table style="width: 250px;float: left;">
    <tr>
        <td>Yes <input type="radio" value="yes" /></td>
    </tr>
    <tr>
        <td>No <input type="radio" value="no" /></td>
    </tr>
</table>

Some text

【讨论】：

用一行表测试。文本与表格正确对齐。

【解决方案3】：

<div>
<div style="width: 70%;float:left">
<table>
    <tr>
        <td>Yes <input type="radio" value="yes" /></td>
    </tr>
    <tr>
        <td>No <input type="radio" value="no" /></td>
    </tr>
</table>
</div>
<div style="width:30%"> Test Text</div>
</div>

让我知道这是否可行...将百分比更改为适合您的任何值

http://jsfiddle.net/ARMRh/

【讨论】：

即使 jsfiddle 中的链接在这里也不起作用。虽然接受的答案确实有效。

【解决方案4】：

你可以试试这个。不过，您可能需要检查浏览器的兼容性。

<html>
    <body>
        <table style="display: inline;">
        <tr>
            <td>Yes <input type="radio" value="yes" /></td>
        </tr>
        <tr>
            <td>No <input type="radio" value="no" /></td>
        </tr>
        </table>test
    </body>
</html>

【讨论】：