2009-08-21 33 views
4

當我在我的固定寬度td中放置一個長連續字符串時,它沒有被包裹。該字符串增加了我的表的寬度。任何人都可以幫助我這個。連續字符串沒有被td包裹

例如:

這是我的文字---正常工作在TD寬度僅固定高度​​的增加 但如果我插入
thisismytext ---然後它增加了我的桌子的寬度。

回答

14

,你必須使用

word-break: break-all 

爲TD

<style> 
    .BreakWord { word-break: break-all; } 
</style> 

<td class="BreakWord">longtextwithoutspace</td> 
0

換句話說,給瀏覽器的藉口打破行(通過在內容空間),它會。強制它使用一行(通過省略空格)並增加表格的寬度。

在沒有任何額外的佈局規則的情況下,它還能做什麼?

編輯:有可能是跨瀏覽器的問題與字斷/ WBR(這似乎是CSS3,現在,但以前是IE的發明)

0

如果你的文本和單元格寬度是固定的,你可以添加一個

<td>My text<br />on a different line</td> 

東西我發現有時發生的是,文本換行,就在TD高度隱藏這個

0

使用<wbr>標籤在你的文本中每幾個字符(20?30?你」我需要試驗)。這將允許在沒有空格的情況下在文本中打破。像這樣:

<td>LongLongLong<wbr>TextTextText</td> 

除非需要休息,否則這將全部串聯在一起。

1

併爲此向工作在Firefox

word-wrap:break-word;