Отображать текст в той же строке, что и HTML-таблица? - PullRequest
0 голосов
/ 21 июля 2009
<table>
    <tr>
        <td>Yes <input type="radio" value="yes" /></td>
    </tr>
    <tr>
        <td>No <input type="radio" value="no" /></td>
    </tr>
</table> Test Text

Обычно текст «Тестовый текст» будет перенесен на следующую строку. Можно ли сохранить текст «Test Text» в одной строке с таблицей?

Ответы [ 4 ]

5 голосов
/ 28 августа 2015

На всякий случай, если кому-то нужно обратное:

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>
4 голосов
/ 21 июля 2009
<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
0 голосов
/ 12 сентября 2013
<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/

0 голосов
/ 21 июля 2009

Вы можете попробовать это. Возможно, вы захотите проверить совместимость браузера.

<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>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...