Может кто-нибудь скажет мне, как создать таблицу, которая не сжимается при изменении размера окна. Я попытался создать таблицу с фиксированной шириной, но это вызывает проблемы в Print Preview.I также попробовал white-space: nowrap, который также не помог. Может кто-то, пожалуйста, помогите мне исправить это?Таблица, которая не сжимается при изменении размера
Обычно для печати используется другая таблица стилей, поскольку формат совершенно другой. Это должно решить ваши проблемы.
Что-то вроде этого:
<link rel="stylesheet" type="text/css" media="all" href="all.css" />
<link rel="stylesheet" type="text/css" media="print" href="print.css" />
Проблема заключается в том, что вы указали относительную ширину, без определения минимального размера, поэтому меньше окно становится меньше таблица становится. Для предотвращения полного коллапса можно использовать следующее:
<style type="text/css" media="screen">
table
{width: 60%;
min-width: 30em; /* Or whatever you'd like to use */
}
</style>
<style type="text/css" media="print">
table
{width: auto; /* Which should fit the table to the width of the page */
}
</style>
Это не идеальное, но вы могли бы компенсировать и использовать или сантиметры, дюймы или точки, чтобы предотвратить правую большую сторону width:100% элемента от поедания задворки. Очевидно, что это приведет к тому, что для печати вам потребуются определенные размеры страниц (A4 или что-то еще).
Пожалуйста, покажите источник таблицы и css, который применяется к нему, чтобы мы могли лучше диагностировать, что происходит. – whatsisname