Адаптивная ячейка таблицы к новой строке

Там есть сторонний контент-сайт, который я должен "EMBED" через динамический контент, я не знаю Ajax или JQuery на данный момент, поэтому мне интересно, можно ли переместить ячейку таблицы на новую строку, по существу создающую новая строка.

Встраивание заканчивается:

<table>
<tr>
<td></td>
<td></td>
</tr>
</table>

В таблице не было классов или идентификаторов, однако это единственная таблица на странице, и у нее слишком много контента для одной строки, это для мобильного сайта, поэтому я должен сделать целая страница 320 пикселей в ширину.

Можно ли использовать только CSS?

Я не могу вставить новый HTML, контент динамически создается с защищенного сервера, к которому у нас нет доступа, но мы используем ключ API для доступа.. однако, работают средства массовой информации.

В настоящее время я пытаюсь поэкспериментировать с чем-то вроде:

td {clear:both;}

Ответ 1

Вы можете установить td на display:block;, тогда все они будут находиться под eachother.

HTML

<table>
    <tr>
        <td>1</td>
        <td>2</td>
    </tr>
</table>

CSS

td{
    display:block;
}

Смотрите здесь: http://jsfiddle.net/hDsts/

Ответ 2

Другое решение (когда display: block; не работает) заключается в использовании inline-block:

CSS

td {
  display: inline-block;
}