如何用CSS或事件HTML限制表格的寬度？

Question

我很好奇，如果這是可能的CSS或甚至HTML？說，我有一個父DIV的房子表：

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

該表顯示用戶內容，所以我無法控制其文本。有沒有辦法限制表的寬度，以便它不會超過750像素？

PS。通常情況下，如果寬度不夠，表格單元格會將單詞包裝到下一行，但對於WordsLikeThisWithoutAnyActualWhiteSpacesBetweenThem會發生問題。在這種情況下，表格變得太寬並破壞頁面佈局。

Answer 1

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

應該做的工作。

，或者您也可以嘗試

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

和在第一線的每個TDS分配寬度。

Answer 2

這樣寫：

.tableClass{ 
display-layout:fixed; 
word-wrap: break-word; 
} 

Answer 3

td{word-wrap:break-word; 
max-width: 750px;}