当我在我的固定宽度td中放置一个长连续的字符串时,它没有被包裹。字符串增加了我的表的宽度。任何人都可以帮助我。
例如:
这是我的文字---工作正常,因为在td宽度固定只有高度增加
但如果我插入
thisismytext ---然后它增加了我的桌子的宽度。
答案 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>
除非需要休息,否则这些都会串在一起。