java英文单词断行_CSS样式解决英文换行断词问题

通常的我们在读取文章标题的时候，遇到字符过多，都是通过程序在SERVER端截取一定的字符数，然后添加...来实现标题长度截取的。其实我们也可以通过CSS来控制。

实列如下：

.title

{

width:200px;

white-space:nowrap;

word-break:keep-all;

overflow:hidden;

text-overflow:ellipsis;

}

可用span或div引用,例如:

客户端解决标题显示太长省略多余部分并加省略号的样式

客户端解决标题显示太长省略多余部分并加省略号的样式

以上2例显示在超过样式定义的200px宽度后,后面的字符将被...替换.

=============================================================================

(外一)

word-wrap : break-word ;word-break : break-all ;

word-wrap是控制换行的。

使用break-word时，是将强制换行。中文没有任何问题，英文语句也没问题。但是对于长串的英文，就不起作用。

break-word是控制是否断词的。

normal是默认情况，英文单词不被拆开。

break-all，是断开单词。在单词到边界时，下个字母自动到下一行。主要解决了长串英文的问题。

keep-all，是指Chinese, Japanese, and Korean不断词。即只用此时，不用word-wrap，中文就不会换行了。(英文语句正常。)

ie下：

使用word-wrap:break-word;所有的都正常。

让英文英文自动换行

style=”WORD-WRAP: break-word;TABLE-LAYOUT: fixed;word-break:break-all”

还有一种情况，往往需要设置数据只在一行里显示,但调用数据的时候,当没有为数据设定固定的长度的话,无论是IE还是firefox，到达边界都会自动换行(就算是设置了,但又会有英文和中文的字数区别,字数限制的个数又会是一个让你头痛或需要取舍的问题)。

哪有什么更好的解决办法呢?其实可以用CSS 的 white-space: nowrap 来解决这个问题。使用这个css属性之后，文本只有在遇到空格或者是换行符的时候才能换行。

如果是要应用到displaytag上面去的话，就在displaytag table中加{styel:wordwrap:break-word;}或直接在displaytag.css中对display样式进行增加。

如果是要应用到table上面的直接写到table 中 {styel:wordwrap:break-word;}，不用写在每个td中。而且要是被多个table引用的话，直接写到总样式中……