调整大小时不缩小的表

Question

有人可以告诉我如何在调整窗口大小时创建一个不收缩的表。我尝试创建一个具有固定宽度的表，但它会在打印预览中引起问题。我也试过了white-space：nowrap也没有帮助。有人可以帮我解决这个问题吗？

Answer 1

通常，人们会使用不同的样式表进行打印，因为格式完全不同。这应该可以解决你的问题。

这样的事情：

<link rel="stylesheet" type="text/css" media="all" href="all.css" />
<link rel="stylesheet" type="text/css" media="print" href="print.css" />

Answer 2

问题是你已经指定了相对宽度，没有定义最小尺寸，因此窗口越小，表得到的越小。为防止完全崩溃，您可以使用以下内容：

<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或其他）进行打印。