当我在我的固定宽度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;