Задать вопрос
Mixailhr
@Mixailhr
html

Как сделать ячейки(td) в одной строке(tr) друг под другом при изменении width брайзера?

Помогите пожалуйста!
Адаптировать табличку.

  • Вопрос задан
  • 2812 просмотров
Комментировать
Подписаться 2 Оценить Комментировать
Пригласить эксперта
Ответы на вопрос 3
zooks
@zooks
Frontend
Обычно делается вот так: одна ячейка - одна строка.
table {
    width: 100%;
}
td {
    display: block;
    text-align: center;
    width: auto;
}
Ответ написан
Комментировать
Комментировать
BashXP
@BashXP
Делайте не таблицу, а псевдо-таблицу с помощью css из дивов. Строка - display:table-row; Ячейка - display:table-cell; При адаптиве ячейке ставьте display:block; и всё.
Ответ написан
Комментировать
Комментировать
Mixailhr
@Mixailhr Автор вопроса
Спасибо за ответы! Я в итоге просто перестроил таблицу. В строки. Но ваши варианты обязательно попробую!
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 130 000 ₽
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Доработать бота
20 апр. 2024, в 08:24
1500 руб./за проект
Разработать интранет сайт (корпоративный портал)
20 апр. 2024, в 07:24
100000 руб./за проект
Исправить адаптивную верстку на Tilda Zero Block
20 апр. 2024, в 06:39
4000 руб./за проект
Ещё заказы