html - 如何使用CSS或事件HTML限制表格的宽度？

我很好奇CSS甚至HTML是否可行？说，我有一个包含表的父DIV：

<div class="divClass">
<table class="tableClass">
</table>
</div>

该表显示用户内容，因此我无法控制其文本。有什么方法可以限制表格的宽度，使其不会超过750像素？

PS。通常，如果没有足够的宽度，表格单元会将单词换行到下一行，但是对于像这样的单词却没有任何实际白色空格之间的单词会发生问题。在这种情况下，表太宽并破坏了页面布局。

最佳答案

.tableClass {
   max-width: 750px
   word-break: break-all;
 }

应该做的工作。

或者你也可以尝试

.tableClass {
   table-layout:fixed;
}
.tableClass td {
   overflow: hidden;
}

并在第一行中为每个tds分配宽度。