當我在我的固定寬度td中放置一個長連續字符串時,它沒有被包裹。該字符串增加了我的表的寬度。任何人都可以幫助我這個。連續字符串沒有被td包裹
例如:
這是我的文字---正常工作在TD寬度僅固定高度的增加 但如果我插入
thisismytext ---然後它增加了我的桌子的寬度。
當我在我的固定寬度td中放置一個長連續字符串時,它沒有被包裹。該字符串增加了我的表的寬度。任何人都可以幫助我這個。連續字符串沒有被td包裹
例如:
這是我的文字---正常工作在TD寬度僅固定高度的增加 但如果我插入
thisismytext ---然後它增加了我的桌子的寬度。
,你必須使用
word-break: break-all
爲TD
<style>
.BreakWord { word-break: break-all; }
</style>
<td class="BreakWord">longtextwithoutspace</td>
換句話說,給瀏覽器的藉口打破行(通過在內容空間),它會。強制它使用一行(通過省略空格)並增加表格的寬度。
在沒有任何額外的佈局規則的情況下,它還能做什麼?
編輯:有可能是跨瀏覽器的問題與字斷/ WBR(這似乎是CSS3,現在,但以前是IE的發明)
如果你的文本和單元格寬度是固定的,你可以添加一個
<td>My text<br />on a different line</td>
東西我發現有時發生的是,文本換行,就在TD高度隱藏這個
使用<wbr>
標籤在你的文本中每幾個字符(20?30?你」我需要試驗)。這將允許在沒有空格的情況下在文本中打破。像這樣:
<td>LongLongLong<wbr>TextTextText</td>
除非需要休息,否則這將全部串聯在一起。
併爲此向工作在Firefox
word-wrap:break-word;