2011-04-08 39 views
0

我使用的CSS的TD:如何打破​​表格單元格中的長文字?

table.grid td { 
border:1px solid #E6E6E6; 
font-size:14px; 
padding:5px 5px 5px 14px; 
} 
+0

什麼叫 「破發」 是什麼意思?換行? – Mat 2011-04-08 05:55:08

+0

我也認爲這會幫助你! [http://stackoverflow.com/questions/6711576/break-long-word-in-a-div-when-word-wrapbreak-word-fails][1] [1 ]:http://stackoverflow.com/questions/6711576/break-long-word-in-a-div-when-word-wrapbreak-word-fails – GuyFromOverThere 2011-09-03 09:35:26

回答

1

使用白色間距打破像包裝和包裝不

table.grid td { 
    border  : 1px solid #E6E6E6; 
    font-size : 14px; 
    padding  : 5px 5px 5px 14px; 
    white-space : wrap; 
} 
2

默認情況下表格單元格數據延伸到適合的內容。如果你給他們一個固定的寬度,他們會強制內容適合這個寬度。這假設你可以說什麼是他們的寬度。在非IE6世界中,您還可以使用屬性最大寬度和最小寬度。

例子:

.grid td  {max-width: 200px;} 
.ie6 .grid td {width: 200px;} 
2
pre { 
    white-space: pre;   /* CSS 2.0 */ 
    white-space: pre-wrap;  /* CSS 2.1 */ 
    white-space: pre-line;  /* CSS 3.0 */ 
    white-space: -pre-wrap;  /* Opera 4-6 */ 
    white-space: -o-pre-wrap; /* Opera 7 */ 
    white-space: -moz-pre-wrap; /* Mozilla */ 
    white-space: -hp-pre-wrap; /* HP Printers */ 
    word-wrap: break-word;  /* IE 5+ */ 
} 

包裹前在你的文字,它應該工作

相關問題