连续字符串没有被包裹在td中

时间:2009-08-21 13:12:04

标签: html css html-table

当我在我的固定宽度td中放置一个长连续的字符串时,它没有被包裹。字符串增加了我的表的宽度。任何人都可以帮助我。

例如:

这是我的文字---工作正常,因为在td宽度固定只有高度增加 但如果我插入
thisismytext ---然后它增加了我的桌子的宽度。

5 个答案:

答案 0 :(得分:14)

你必须使用

word-break: break-all

为td

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

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

答案 1 :(得分:1)

并且可以在firefox中使用

word-wrap:break-word;

答案 2 :(得分:0)

换句话说,给浏览器一个破解界限的借口(通过在内容中包含空格),它会。强制它使用一行(通过省略空格)并增加表的宽度。

如果没有任何额外的布局规则,它还能做什么?'

编辑:word-break / wbr可能存在跨浏览器问题(现在似乎是CSS3,但以前是IE发明)

答案 3 :(得分:0)

如果你的文字和单元格宽度是固定的,你可以添加一个

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

我发现有时发生的事情是文字正在包装,只是td高度隐藏了这个

答案 4 :(得分:0)

在文本中每隔几个字符使用<wbr>标记(20?30?您需要进行实验)。这将允许文本中断而不留空格。像这样:

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

除非需要休息,否则这些都会串在一起。