2012-02-02 24 views
2

我有一些固定宽度的表格单元格...HTML力介绍断线/新线

现在这个单元格中的内容/文本字符内长度变化而不能总是有其之间的空间使布局稍微打破。

我试图通过添加CSS自动换行固定:打破字 但出于某种原因,这并不总是工作。

我如何确保我的文字断裂到下一行,即使它没有一个空间之间?

+0

我已经试过了...不行... – testndtv

+0

你可以把你的代码上jsfiddle.net? – Zakaria

+0

我无法准确显示的代码......因为有很多CSS的,但只给一个想法,我已经加了的jsfiddle ...网址:http://jsfiddle.net/Dnzra/ – testndtv

回答

0

我编辑您的jsfiddle,以便它可以工作:

编辑 http://jsfiddle.net/Dnzra/2/

所有你需要做的,是添加:style="table-layout: fixed"表样式和某些固定宽度你的细胞。

+0

Thx有很多帮助...但在更新的提琴中,我仍然看到长文本在同一行中,实际上并未换行到下一行。 。 – testndtv

+0

@testndtv:请访问编辑后的链接。 – Zakaria

+0

Thx再次...所以我需要指定td宽度%?我得到一个文本重叠(如在你以前的小提琴) – testndtv

0

实际的解决方案是在任何时间点插入所述标签<wbr>其中直接换行符是允许的,例如

<td>MaxUName<wbr>MaxUName<wbr>MaxUName<wbr>MaxUNa</td> 

为了得到一定程度更好的浏览器覆盖好老<wbr>(从未方式作出了任何标准,但活蹦乱跳),添加以下到您的样式表:

wbr:after { content: "\00200B"; } 

更多信息:http://www.cs.tut.fi/~jkorpela/html/nobr.html#wbr

+0

其实我的文本内容是动态的(来自数据库)...所以我不能只是编辑它,因为它是...有其他方法来解决这个问题吗? – testndtv

+0

CSS设置'word-wrap:break-word'对浏览器的支持有限。如果您认为任何地方都可以使用换行符,则可以在处理从数据库中获得的动态数据时或者在JavaScript中使用客户端时,在每个字符后插入''。 –

+0

非常幸运,我无法修改数据库中设置的内容...... – testndtv