it-swarm.com.ru

Отзывчивая ячейка таблицы на новую строку

Есть сторонний контент-сайт, который мне нужно «внедрить» с помощью динамического контента, на данный момент я не знаю Ajax или Jquery, поэтому мне интересно, возможно ли сместить ячейку таблицы вниз на новую строку, по сути создав новую строку ,.

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

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

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

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

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

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

td {clear:both;}
22
user1707077

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

HTML

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

CSS

td{
    display:block;
}

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

68
user2019515

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

CSS

td {
  display: inline-block;
}
0
Legionar