@files32

Как средствами CSS сделать так, чтобы колонки в таблице переносились на другую строку?

Как средствами CSS сделать так, чтобы колонки в таблице переносились на другую строку?
Есть таблица
<table>
<tr>
<td>1</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td>
</tr>
</table>


Если смотреть через телефон, то она уходит вправо и нужзно ее скролить. Как только через CSS сделать так, чтоб ячейки переносились на другую сторону, чтобы небыло горизонтальной прокрутки?
  • Вопрос задан
  • 43 просмотра
Пригласить эксперта
Ответы на вопрос 1
@AlexVOK
@media screen and (max-width: 568px) {
  table td {
    display:inline-block;
  }
}


Указываете, в стилях для экранов под телефоны другой стиль. Например, можно поменять у них display, чтобы сделать перенос.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы