html - 强制文本在浏览器中换行的方法，即使它是一个没有空格的连续字符串？

Question

If I have a string like "11111111101111111110111111111011111111101111111110111111111011111111101111111110111111111011111111101111111110111111111011111111101111111110111111111011111111101111111110111111111011111111101111111110111111111011111111101111111110111111111011111111101111111110111111111011111111101111111110111111111011111111101111111110111111111011111111101111111110111111111011111111101111111110111111111011111111101111111110111111111011111111101111111110111111111011111111101111111110111111111011111111101111111110111111111011111111101111111110111111111011111111101111111110111111111011111111101111111110111111111011111111101111111110"

如何让我的页面中的这个字符串换行？在这里(stackoverflow)他们这样做了。

目前在我的页面上它只显示在一行上并向右流动？

Answer 1

使用word-wrap:break-word:

<pre style="word-wrap: break-word;">LOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOONG</pre>

或者:

<style type="text/css">
.wrapit{
 word-wrap: break-word;
}
</style>
<div class="wrapit">LOOOOOOOOOOOOOOOONG</div>