我有一长串(DNA序列)。它不包含任何空白字符。

例如:

ACTGATCGAGCTGAAGCGCAGTGCGATGCTTCGATGATGCTGACGATGCTACGATGCGAGCATCTACGATCAGTCGATGTAGCTAGTAGCATGTAGTGA

什么是CSS选择器,迫使这个文本被包装在html:textarea或在xul:文本框?


当前回答

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

ACTGATCG­AGCTGAAG­CGCAGTGC­GATGCTTC­GATGATGC­TGACGATG

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

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

其他回答

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

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

如果你使用Bootstrap,对你来说更好的情况是使用这个类“text-break”。

例子:

< p class = "文本从“> mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm < / p >

更多的信息,你应该得到官方引导文档页

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

ACTGATCGAGCTGAAGCGCAGTGCGATGCTTCGATGATGC

对我来说这是可行的,

<td width="170px" style="word-wrap:break-word;">
  <div style="width:140px;overflow:auto">
    LONGTEXTGOESHERELONGDIVGOESLONGTEXTGOESLONGTEXTGOESLONGTEXTGOESLONGTEXTGOESLONGTEXTGOESLONGTEXTGOESLONGTEXTGOESLONGTEXTGOESLONGTEXTGOESLONGTEXTGOESLONGTEXTGOESLONGTEXTGOESLONGTEXTGOESLONGTEXTGOESLONGTEXTGOESLONGTEXTGOESLONGTEXTGOESLONGTEXTGOESLONGTEXTGOESLONGTEXTGOESLONGTEXTGOESLONGTEXTGOESLONGTEXTGOESLONGTEXTGOESLONGTEXTGOESLONGTEXTGOESHERELONGDIVLONGTEXTLONGTEXT
  </div>
</td>

你也可以在另一个div中使用一个div,而不是td。我使用overflow:auto,因为它可以显示Opera和IE浏览器中的所有文本。

我的方法(当没有合适的方法插入特殊字符)通过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/ 还有一些额外的研究。