Таблица @ media display display проблема

css css-tables

60 просмотра

1 ответ

1 Репутация автора

Я создал таблицу, в которой у меня есть 5 ячеек в 1 строке. Я хочу показать все ячейки вместе с шириной 900 пикселей, и если размер экрана уменьшится, таблица должна показать 4 ячейки в первой строке и 1 во второй строке и так далее до 1 ячейка в каждом ряду для мобильного просмотра. Я разместил код здесь https://jsfiddle.net/e8hsmubv/

CSS-код

@media all and (max-width:565px){
table{
    width:100%;
}
td{
    display:block;
    width:100%;
}
tr{
    display:block;
    margin-bottom:00px;
}
}
Автор: Samir Источник Размещён: 19.07.2016 08:49

Ответы (1)


0 плюса

409 Репутация автора

Просто установите этот стиль сначала на вашем столе border-collapse: separate; и добавьте display:inline-blockк td. Объявите это перед @media Тогда это сделало бы :).

Автор: Jefsama Размещён: 19.07.2016 09:07
Вопросы из категории :
32x32