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

实列如下： 

.title 

{ 

width:200px; 

white-space:nowrap; 

word-break:keep-all; 

overflow:hidden; 

text-overflow:ellipsis; 

} 

可用span或div引用,例如: 

<span class=title>客户端解决标题显示太长省略多余部分并加省略号的样式</span> 

<div class=title>客户端解决标题显示太长省略多余部分并加省略号的样式</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引用的话，直接写到总样式中……