如何为没有空白的内容制作DIV包装？

我想获得一个DIV元素来包装其内容，尽管内容没有任何空格。内容是一个核酸序列，所以每个x字符都可以插入空格，但如果可能的话，我宁愿更优雅一些。如何为没有空白的内容制作DIV包装？

例如

<div>TCTTGCTGCGCCTCCGCCTCCTCCTCTGCTCCGCCACCGGCTTCCTCCTCCTGAGCAGTCAGCCCGCGCGCCGGCCGGCTCCGTTATGGCGACCCGCAGCCCTGGCGTCGTGGTGAGCAGCTCGGCCTGCCGGCCCTGGCCGGTTCAGGCCCACGCGGCAGGTGGCGGCCGGGCCCTGAGGCGCGGGATCCGCAGTGCGGGCTCGGGCGGCCGGGCCCAGGGAACCCCGCAGGCGGGGGCGGCCAGTTTCCCGGGTTCGGCTTTACGTCACGCGAGGGCGGCAGGGAGGACGGAATGGCGGGGTTTGGGGTGGGTCCCTCCTCGGGGGAGCCCTGGGAAAAGAGGACTGCGTGTGGGAAGAGAAGGTGGAAATGGCGTTTTGGTTGACATGTGCCGCCTGCGAGCGTGCTGCGGGGAGGGGCCGAGGGCAGATTCGGGAATGATGGCGCGGGGTGGGGGCGTGGGGGCTTTCTCGGGAGAGGCCCTTCCCTGGAAGTTTGGGGTGCGATGGTGAGGTTCTCGGGGCACCTCTGGAGGGGCCTCGGCACGGAAAGCGACCACCTGGGAGGGCGTGTGGGGACCAGGTTTTGCCTTTAGTTTTGCACACACTGTAGTTCATCTTTATGGAGATGCTCATGGCCTCATTGAAGCCCCACTACAGCTCTGGTAGCGGTAACCATGCGTATTTGACACACGAAGGAACTAGGGAAAAGGCATTAGGTCATTTCAAGCCGAAATTCACATGTGCTAGAATCCAGATTCCATGCTGACCGATGCCCCAGGATATAGAAAATGAGAATCTGGTCCTTACCTTCAAGAACATTCTTAACCGTAATCAGCCTCTGGTATCTTAGCTCCACCCTCACTGGTTTTTTCTTGTTTGTTGAACCGGCCAAGCTGCTGGCCTCCCTCCTCAACCGTTCTGATCATGCTTGCTAAAATAGTCAAAACCCCGGCCAGTTAAATATGCTTTAGCCTGCTTTATTATGATTATTTTTGTTGTTTTGGCAATGACCTGGTTACCTGTTGTTTCTCCCACTAAAACTTTTTAAGGGCAGGAATCACCGCCGTAACTCTAGCACTTAGCACAGTA</div>

我不需要支持每个浏览器。我主要对Chrome，Safari和Firefox以及其他符合标准的浏览器感兴趣。

来源

2009-12-16 Ron Gejman

http://stackoverflow.com/questions/1587964/wrap-text-inside-fixed-div-with-css-or-javascript – 2009-12-16 00:27:02

这样的CSS样式将帮助：

word-wrap:break-word

其他CSS设置，控制包装描述here。

来源

2009-12-16 00:30:38

完美，谢谢！ – 2009-12-16 00:34:05

这不适用于所有浏览器。请按照David Robles的评论中的链接寻找正确的答案。 – BalusC 2009-12-16 00:54:20

我确定。我不需要支持所有浏览器（特别是不支持IE）。对我来说，这是正确的答案，因为它可以在Chrome，Firefox和Safari（所有Mac）的最新版本中使用。 – 2009-12-16 00:58:43

您可以使用“打破零宽度空间”（&＃8203;），这会打破单词，但在复制到记事本中时将被忽略。

来源

2009-12-16 00:38:45

如何为没有空白的内容制作DIV包装？

回答

相关问题