html - 无论内容如何，​​强制 html 表格适合预定大小（恒定宽度、高度）div

Question

我一直在尝试强制表格适合可打印页面，无论存在多少项目并且在这样做时遇到问题。我发现的唯一方法是更改​​字体大小，但这并不是完全自动的。

我发现很多答案设置为特定宽度，但垂直边很难。我不希望发生任何溢出并调整文本大小以显示该框中的所有内容。

像这儿

我一直在使用 300px 宽和 777px 高的设置

标签： htmlcsscss-tables

Answer 1

应该很简单：

table
{
 max-height: 300px;
 max-width: 700px;
}
table, table * {white-space: nowrap;}