如何爲沒有空白的內容製作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包裝？

回答

相關問題