作者：Wady

昨天发现 [code] 标签内的代码过长时会超出边界无法显示，[quote] 等标签，甚至日志内容也是如此。看了CSS后才发现没有对其 div 定义阻断属性。（包括官方皮肤）阻断有两种

div{word-wrap:break-word} 这个浏览器兼容性相对好，不过缺点是忽略了字词的整体性，比如英文的话，会从单词的中间截断换行。

div{word-break:break-all} 这个属性不会破坏字词。我网上查到是可以应用在 IE 5.0上。但DW中会检查出几乎都不支持。但事实上至少我从IE 6.0 sp2 上浏览是有效的。我想其它其它浏览器例如 FF 不支持也就当没添加这个属性好了，而 FF 本身可以不需要任何控制自动换行的。所以建议使用这个属性。

关于pjblog的修改很简单，修改正使用风格中的 layout.css 文件。

找到 .UBBContent 、 .commentcontent 以及 .Content-body  。在后面的" } " 之前添加 " word-break:break-all " 或者 " word-wrap:break-word "

具体的例子可以看：http://www.alonefly.net/test/article.asp?id=28

LZ 好像反了吧 word-break:break-all;会从单词的中间截断换行啊，我调试了下用word-wrap:break-word很好

非常感谢楼上两位~正发愁呢就看到你们的帖子了，呵呵~两位的方法都有效，但有点不同，百度了一下发在这里，供以后有需要的朋友们参考：

word-break:break-all和word-wrap:break-word的区别

1，word-break:break-all 例如div宽200px，它的内容就会到200px自动换行，如果该行末端有个英文单词很长（congratulation等），它会把单词截断，变成该行末端为conra(congratulation的前端部分)，下一行为tulation（conguatulation）的后端部分了。
2，word-wrap:break-word 例子与上面一样，但区别就是它会把congratulation整个单词看成一个整体，如果该行末端宽度不够显示整个单词，它会自动把整个单词放到下一行，而不会把单词截断掉的。

word-break;break-all 支持版本：IE5以上 该行为与亚洲语言的 normal 相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本。
WORD-WRAP:break-word 支持版本：IE5.5以上 内容将在边界内换行。如果需要，词内换行( word-break )也将发生。