在一列中的单元格上设置最小宽度后，表格会扩展到屏幕边缘

Question

我有一些由我编写的程序生成的HTML表。我在第一列中的所有单元格上设置了width属性，因为我希望它保持特定的宽度。然而，在其中一个文件中，它不够宽，所以我认为这是因为一个非常长的条目导致它缩小以适应它。所以我把它改为min-width。但现在整个表格正在扩展到屏幕边缘。我想要做的是将第一列固定在80点宽，但另外两列根据其内容自动调整大小。但我不希望表格足够宽，你必须水平滚动才能看到整个表格。当然，垂直是好的，原因很明显。

这是我正在使用的CSS（td.time引用最左列中的表格单元格，固定在80点的表格单元格）：

table              { border:none; }
tr:nth-child(odd)  { background-color:#eeeeee; }
tr:nth-child(even) { background-color:white; }
td                 { padding:0; margin:0; }
td.stricken        { text-decoration:line-through; color:gray; }
td.time            { font-family:'Courier New', monospace; font-size:10pt; width:80pt; }

这是使用该样式表的HTML文件的链接，并且存在问题：http://norton1.dyndns.org/tppupdates/heartgold.html。

对于那些想知道的人，这是Reddit上TwitchPlaysPokémonHeartGold实时更新程序的所有内容列表。

Answer 1

我发现你有问题。这是他们写下的假人之一，他们放下了一整袋doritos。＆＃34;向下滚动到6/02/2014 12:32:35 AM。那条线就是造成你的问题。

将此添加到您的CSS

table tr td div p {
    word-break: break-word;
}

这将破坏整个单词和链接，并使它们不会推出表格。