自动换行:break-word;为我工作，我必须确保显示设置为块，并在元素上设置宽度。在Safari中，它必须有一个p标签，宽度必须在ex中设置。

简单:

word-break: break-word;

<textarea style="width:100px; word-wrap:break-word;">
  place your text here
</textarea>

对于块元素:

< textarea风格= "宽度:100 px;自动换行:break-word;" > ACTGATCGAGCTGAAGCGCAGTGCGATGCTTCGATGATGCTGACGATGCTACGATGCGAGCATCTACGATCAGTC textarea > < /

对于内联元素:

<跨风格= "宽度:100 px;自动换行:break-word;显示:inline-block;" > ACTGATCGAGCTGAAGCGCAGTGCGATGCTTCGATGATGCTGACGATGCTACGATGCGAGCATCTACGATCAGTC < / span >

我不认为CSS可以做到这一点。相反，在字符串中按常规的“字长”插入一个HTML软连字符:

ACTGATCG­AGCTGAAG­CGCAGTGC­GATGCTTC­GATGATGC­TGACGATG

这将在行尾的换行处显示一个连字符，这可能是您想要的，也可能不是。

注意与Firefox不同，Safari似乎将长字符串包装在<textarea>中。

如果你使用的是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'参数强制字符串被切断。