我有一长串(DNA序列)。它不包含任何空白字符。
例如:
ACTGATCGAGCTGAAGCGCAGTGCGATGCTTCGATGATGCTGACGATGCTACGATGCGAGCATCTACGATCAGTCGATGTAGCTAGTAGCATGTAGTGA
什么是CSS选择器,迫使这个文本被包装在html:textarea或在xul:文本框?
我有一长串(DNA序列)。它不包含任何空白字符。
例如:
ACTGATCGAGCTGAAGCGCAGTGCGATGCTTCGATGATGCTGACGATGCTACGATGCGAGCATCTACGATCAGTCGATGTAGCTAGTAGCATGTAGTGA
什么是CSS选择器,迫使这个文本被包装在html:textarea或在xul:文本框?
当前回答
如果你使用的是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'参数强制字符串被切断。
其他回答
以下是一些非常有用的答案:
如何防止长词打破我的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;
自动换行:break-word;为我工作,我必须确保显示设置为块,并在元素上设置宽度。在Safari中,它必须有一个p标签,宽度必须在ex中设置。
对我来说这是可行的,
<td width="170px" style="word-wrap:break-word;">
<div style="width:140px;overflow:auto">
LONGTEXTGOESHERELONGDIVGOESLONGTEXTGOESLONGTEXTGOESLONGTEXTGOESLONGTEXTGOESLONGTEXTGOESLONGTEXTGOESLONGTEXTGOESLONGTEXTGOESLONGTEXTGOESLONGTEXTGOESLONGTEXTGOESLONGTEXTGOESLONGTEXTGOESLONGTEXTGOESLONGTEXTGOESLONGTEXTGOESLONGTEXTGOESLONGTEXTGOESLONGTEXTGOESLONGTEXTGOESLONGTEXTGOESLONGTEXTGOESLONGTEXTGOESLONGTEXTGOESLONGTEXTGOESLONGTEXTGOESHERELONGDIVLONGTEXTLONGTEXT
</div>
</td>
你也可以在另一个div中使用一个div,而不是td。我使用overflow:auto,因为它可以显示Opera和IE浏览器中的所有文本。
对于块元素:
< textarea风格= "宽度:100 px;自动换行:break-word;" > ACTGATCGAGCTGAAGCGCAGTGCGATGCTTCGATGATGCTGACGATGCTACGATGCGAGCATCTACGATCAGTC textarea > < /
对于内联元素:
<跨风格= "宽度:100 px;自动换行:break-word;显示:inline-block;" > ACTGATCGAGCTGAAGCGCAGTGCGATGCTTCGATGATGCTGACGATGCTACGATGCGAGCATCTACGATCAGTC < / span >
在表不是固定大小的情况下,下面这行对我有用:
style="width:110px; word-break: break-all;"