CSS换行和不换行

如果在div这类标准块级元素中需要强制换行，最普遍的方案那就是word-wrap:break-word; word-break:break-all;此方式的缺点就是会导致如果恰巧该行末端宽为一个长串英文单词，那么该单词会被撕开的尴尬样式(而且FF不识别word-break，反而不会撕开这个单词)。
强制不换行，多余的部分用省略overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
实例
.p1{}{ word-break:break-all; width:150px;}/**//*只对英文起作用，以字母作为换行依据*/
.p2{}{ word-wrap:break-word; width:150px;}/**//*--只对英文起作用，以单词作为换行依据*/
.p3{}{white-space:pre-wrap; width:150px;}/**//*只对中文起作用，强制换行*/
.p4{}{white-space:nowrap; width:10px;}/**//*强制不换行，都起作用*/
.p5{}{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100px;}／/**//*不换行，超出部分隐藏且以省略号形式出现*/
参考资料： CSS中英文换行和不换行 http://www.studyofnet.com/news/404.html