2010-09-09 33 views
0

有了這樣一些HTML:如何阻止HTML表格被內容撐起?

<!DOCTYPE html> 
<html> 
<head> 
<meta charset=utf-8 /> 
<title>JS Bin</title> 
    <style> 
    td { 
     width:10px; 
    } 
    </style> 
</head> 
<body> 
    <table> 
    <tr><td>Text</td><td>Text</td><td>Text</td><td>Text</td></tr> 
    <tr><td>Text</td><td>Text</td><td>Text</td><td>Text</td></tr> 
    <tr><td>WHOA I'M A LONG STRING!</td><td>Text</td><td>Text</td><td>Text</td></tr>  
    </table> 
</body> 
</html>​ 

td■不要讓10px的寬度,他們只是只要他們中最長的字符串。

你是如何做這項工作的?

回答

0

您可以將CSS更改爲:

max-width: 10px; 
overflow: hidden; 

但將砍掉的話中旬字母,只要邊緣恰好是。

0

我認爲你所能做的只是將內容包裝在一個div中,並給div一個寬度和溢出:hidden。它會切斷文本(或內容),因此可能不是您要查找的內容。