防止文本重疊表td寬度

Question

如何限制表<td>條目在整個屏幕上展開時 條目太長？

Answer 1

那麼，在CSS中有max-width,max-height和overflow。

所以

td.whatever 
{ 
    max-width: 150px; 
    max-height: 150px; 
    overflow: hidden; 
} 

將所述最大寬度和高度限制到150像素，並且它可以是由小於150的任何高達150，以及任何不符合內部將被修剪掉並隱藏從視圖。

溢出的默認值（overflow: visible;）只是簡單地允許任何不適合在指定容器內的東西溢出到其外部。如果你只想水平限制它，不想隱瞞什麼，word-wrap可以幫助：

td.whatever 
{ 
    max-width: 150px; 
    word-wrap: break-word; 
} 

word-wrap會打破的話，只要它需要，即使它不是在一個單詞的結尾。如果您不希望表格展開或縮小，您也可以使用height和width來指定固定大小。

Answer 2

您可以使用word-wrap:break-word;，這樣過長的詞語就會被打包。

Answer 3

td.whatever_class{ 
    max-width: 100px; 
} 

用你想要的寬度替換100px。 1000px對於網站來說是一個很好的寬度，因爲它幾乎適用於所有人今天所有的顯示器，所以如果你有20列，那麼就是50px。

Answer 4

您需要指定max-width和display樣式（因爲display屬性設置爲有趣，因爲它是td，而不是普通元素），例如

td{ 
    max-width: 100px; 
    display: inline-block; 
} 

Answer 5

還有一個很好的解決方案，最大寬度：0px;所以它將負責整個表格的寬度。