pre 标签内容超出容器后自动换行问题

Question

<div>
  <pre>
  </pre>
</div>
如何做到当pre内容超出div宽度的时候自动换行？

Answer 1

这样不行，pre引用的是XML读出的数据，我在网上找了一段这样的
pre { 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 */ }
* html pre { word-wrap: break-word; /* Internet Explorer 5.5+ */ white-space : normal ; /* Internet Explorer 5.5+ */ }但还是没有作用，这对手写的内容才有效，如果是直接innerHTML  XML中的数据就没效果了

Answer 2

那你就用innerText到div里面 而不是用pre不就行了
div设定样式 word-break:break-all;

Answer 3

1.一用pre是有我的原因；
2.不用pre也是没用的，和我#4发的代码一样有bug，就是当输入的是一长串英文的时候也是不会换行

Answer 4

例如：一直恩d，
ddddddddd当d的数量超过容器的宽度的时候，
CSDN把这种输入定为非法输入，究竟怎么判断为非法？

Answer 5

那你就用innerText到div里面 而不是用pre不就行了 
div设定样式 word-break:break-all;

Answer 6

在FF上，innerText有问题的，要考虑兼容性

Answer 7

英文强制换行是 word-wrap:break-word;