文字不适合框。 CSS问题

Question

background:url(images/page_text.png) repeat-y;  
margin: 0 auto; 
width: 949px;
padding: 20px;
line-height: 100%;

那是我的css。怎么了？当我写长句时，它不适合page_text.png框（这很有趣，但只在IE中，它工作正常）。我想我错过了什么。

Answer 1

你需要设置word-break ...遗憾的是，它在浏览器中并不一致，所以你使用下面的代码在所有浏览器上强制它。这是explained here

white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */

Answer 2

看来你说的是长话，而不是长话。在这种情况下，您可以使用：

word-wrap: break-word;

Answer 3

设置overflow:hidden（CSS2）以隐藏不支持word-wrap:break-word（CSS3）的浏览器上的溢出，以在病态长词的中间强制断字。

修改：请在此处查看测试用例，并附上图片：http://jsfiddle.net/8dP2m/4/

编辑2 ：这里是背景中的图片：http://jsfiddle.net/8dP2m/7/

在要求提供HTML / CSS帮助时，请提供：

1. 您的实际代码（您在评论中对此进行了跟进，但您应该编辑您的问题以包含它）。一个精简的测试用例显示JSFiddle上的实际问题是最好的。
2. 你希望看到什么。
3. 您所看到的内容（明确表示它与＃2的区别）。
4. 在您遇到问题的操作系统/浏览器/版本上。