2009-08-21 63 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;