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

例如:

ACTGATCGAGCTGAAGCGCAGTGCGATGCTTCGATGATGCTGACGATGCTACGATGCGAGCATCTACGATCAGTCGATGTAGCTAGTAGCATGTAGTGA

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


当前回答

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

ACTGATCG­AGCTGAAG­CGCAGTGC­GATGCTTC­GATGATGC­TGACGATG

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

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

其他回答

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

使用超级>标签:

ACTGATCG<wbr>AGCTGAAG<wbr>CGCAGTGC<wbr>GATGCTTC<wbr>GATGATGC

我认为这比使用零宽度空间更好&#8203;这可能会导致问题,当你复制文本。

对于块元素:

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

对于内联元素:

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

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

ACTGATCG&shy;AGCTGAAG&shy;CGCAGTGC&shy;GATGCTTC&shy;GATGATGC&shy;TGACGATG

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

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

只是设置宽度和添加浮动为我工作:-)

width:100%;
float:left;