在你想要休息的地方放置零宽度的空间。零宽度空间为​在HTML中。例如:

ACTGATCGAGCTGAAGCGCAGTGCGATGCTTCGATGATGC

我的方法(当没有合适的方法插入特殊字符)通过CSS:

-ms-word-break: break-all;
word-break: break-all;
word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;

网址:http://kenneth.io/blog/2012/03/04/word-wrapping-hypernation-using-css/ 还有一些额外的研究。

在表不是固定大小的情况下，下面这行对我有用:

style="width:110px; word-break: break-all;"

以下是一些非常有用的答案:

如何防止长词打破我的div?

为了节省你的时间，这可以用css解决:

white-space: -moz-pre-wrap; /* Mozilla */
white-space: -hp-pre-wrap; /* HP printers */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: pre-wrap; /* CSS 2.1 */
white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
word-wrap: break-word; /* IE */
word-break: break-all;

如果你使用的是PHP，那么wordwrap函数可以很好地工作: http://php.net/manual/en/function.wordwrap.php

CSS解决方案word-wrap: break-word;在所有浏览器中似乎不一致。

其他服务器端语言也有类似的功能——或者可以手工构建。

下面是PHP wordwrap函数的工作原理:

$string = "ACTGATCGAGCTGAAGCGCAGTGCGATGCTTCGATGATGCTGACGATGCTACGATGCGAGCATCTACGATCAGTCGATGTAGCTAGTAGCATGTAGTGA";

$wrappedstring = wordwrap($string,50,"<br>",true);

使用<br>标记将字符串包装为50个字符。'true'参数强制字符串被切断。

下面是我使用空白的代码:预换行;

.code {
    width: 90vw;
    white-space: pre-wrap;
    font-family: inherit;
    word-break: break-word;
    overflow-wrap: break-word;
    line-break: auto;
}

我知道带值的看起来很奇怪，你应该把它改成适合你需要的值。