我有一长串(DNA序列)。它不包含任何空白字符。
例如:
ACTGATCGAGCTGAAGCGCAGTGCGATGCTTCGATGATGCTGACGATGCTACGATGCGAGCATCTACGATCAGTCGATGTAGCTAGTAGCATGTAGTGA
什么是CSS选择器，迫使这个文本被包装在html:textarea或在xul:文本框?
当前回答
如果你使用Bootstrap，对你来说更好的情况是使用这个类“text-break”。
例子:
< p class = "文本从“> mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm < / p >
更多的信息，你应该得到官方引导文档页
其他回答
下面是我使用空白的代码:预换行;
.code {
width: 90vw;
white-space: pre-wrap;
font-family: inherit;
word-break: break-word;
overflow-wrap: break-word;
line-break: auto;
}
我知道带值的看起来很奇怪，你应该把它改成适合你需要的值。
使用超级>标签:
ACTGATCG<wbr>AGCTGAAG<wbr>CGCAGTGC<wbr>GATGCTTC<wbr>GATGATGC
我认为这比使用零宽度空间更好​这可能会导致问题，当你复制文本。
使用CSS方法强制换行没有空格的字符串。三种方法:
1)使用CSS的白色空间属性。为了解决浏览器不一致的问题，您必须以几种方式声明它。所以只要把你的looooong字符串放入一些块级元素(例如，div, pre, p)，并给该元素以下css:
some_block_level_tag {
white-space: pre; /* CSS 2.0 */
white-space: pre-wrap; /* CSS 2.1 */
white-space: pre-line; /* CSS 3.0 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: -moz-pre-wrap; /* Mozilla */
white-space: -hp-pre-wrap; /* HP Printers */
word-wrap: break-word; /* IE 5+ */
}
2)使用Compass中的force-wrap mixin。
3)我也在研究这个问题，我认为可能也有用(但我需要更全面地测试浏览器支持):
.break-me {
word-wrap: break-word;
overflow-wrap: break-word;
}
参考资料:包装内容
如果你使用Bootstrap，对你来说更好的情况是使用这个类“text-break”。
例子:
< p class = "文本从“> mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm < / p >
更多的信息，你应该得到官方引导文档页
对于块元素:
< textarea风格= "宽度:100 px;自动换行:break-word;" > ACTGATCGAGCTGAAGCGCAGTGCGATGCTTCGATGATGCTGACGATGCTACGATGCGAGCATCTACGATCAGTC textarea > < /
对于内联元素:
<跨风格= "宽度:100 px;自动换行:break-word;显示:inline-block;" > ACTGATCGAGCTGAAGCGCAGTGCGATGCTTCGATGATGCTGACGATGCTACGATGCGAGCATCTACGATCAGTC < / span >
