Показывать td как строки - отображать строку таблицы не работает

Question

Показывать td как строки - отображать строку таблицы не работает

0

У меня есть календарь на год, который показывает только то, что я хочу в обычных браузерах, но в отзывчивом браузере я хочу, чтобы он показывал все месяцы ниже друг друга из-за проблем с макетами.

Я знаю, как применять код к отзывчивому браузеру - это не то, о чем я прошу.

Я попытался дать td значение display:table-row, и это дает мне почти желаемый результат. Он продолжает толкать строки влево и не принимает width:100% значение, что проблема.

Вот ссылка на сайт, на котором я работаю с www.5eren.dk

Sillo 20 окт. 2013, в 14:44

Источник

Теги:

html

css

responsive-design

css-tables

1 ответ

Ещё вопросы

Mohsen Safari · Accepted Answer · 2013-10-20T10-11-00.000Z

вам нужно установить display:table на <tr> и установить display:table-row на <td>. используйте этот CSS:

.year-view>table>tbody>tr {
display: table;
width: 100%;
}
.year-view>table>tbody>tr>td {
display: table-row;
}

Большое спасибо! ты сохранил мою задницу там .. я не совсем понимаю> отметку в css, я думал, что это было просто, добавив классы после друг друга .. я сделаю больше исследований в знак больше, чем ... еще раз спасибо, я ценю это
@ Приветствую вас, вы можете прочитать больше о селекторах здесь: w3.org/TR/CSS2/selector.html#child-selectors