Question

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

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

Answer 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>

Answer 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

Answer 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/

Answer 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>

在与HTML表格相同的行上显示文字？

4 个答案: