html - 如何为没有空格的内容制作 DIV 换行?

标签 html css

尽管内容没有任何空格,但我正在尝试获取一个 DIV 元素来包装其内容。内容是一个核酸序列,所以每个 x 字符插入空格是可能的,但如果可能的话,我宁愿做得更优雅。

例如

 <div>TCTTGCTGCGCCTCCGCCTCCTCCTCTGCTCCGCCACCGGCTTCCTCCTCCTGAGCAGTCAGCCCGCGCGCCGGCCGGCTCCGTTATGGCGACCCGCAGCCCTGGCGTCGTGGTGAGCAGCTCGGCCTGCCGGCCCTGGCCGGTTCAGGCCCACGCGGCAGGTGGCGGCCGGGCCCTGAGGCGCGGGATCCGCAGTGCGGGCTCGGGCGGCCGGGCCCAGGGAACCCCGCAGGCGGGGGCGGCCAGTTTCCCGGGTTCGGCTTTACGTCACGCGAGGGCGGCAGGGAGGACGGAATGGCGGGGTTTGGGGTGGGTCCCTCCTCGGGGGAGCCCTGGGAAAAGAGGACTGCGTGTGGGAAGAGAAGGTGGAAATGGCGTTTTGGTTGACATGTGCCGCCTGCGAGCGTGCTGCGGGGAGGGGCCGAGGGCAGATTCGGGAATGATGGCGCGGGGTGGGGGCGTGGGGGCTTTCTCGGGAGAGGCCCTTCCCTGGAAGTTTGGGGTGCGATGGTGAGGTTCTCGGGGCACCTCTGGAGGGGCCTCGGCACGGAAAGCGACCACCTGGGAGGGCGTGTGGGGACCAGGTTTTGCCTTTAGTTTTGCACACACTGTAGTTCATCTTTATGGAGATGCTCATGGCCTCATTGAAGCCCCACTACAGCTCTGGTAGCGGTAACCATGCGTATTTGACACACGAAGGAACTAGGGAAAAGGCATTAGGTCATTTCAAGCCGAAATTCACATGTGCTAGAATCCAGATTCCATGCTGACCGATGCCCCAGGATATAGAAAATGAGAATCTGGTCCTTACCTTCAAGAACATTCTTAACCGTAATCAGCCTCTGGTATCTTAGCTCCACCCTCACTGGTTTTTTCTTGTTTGTTGAACCGGCCAAGCTGCTGGCCTCCCTCCTCAACCGTTCTGATCATGCTTGCTAAAATAGTCAAAACCCCGGCCAGTTAAATATGCTTTAGCCTGCTTTATTATGATTATTTTTGTTGTTTTGGCAATGACCTGGTTACCTGTTGTTTCTCCCACTAAAACTTTTTAAGGGCAGGAATCACCGCCGTAACTCTAGCACTTAGCACAGTA</div>

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

最佳答案

像这样的 CSS 样式会有所帮助:

word-wrap:break-word

描述了控制换行的其他 CSS 设置 here .

关于html - 如何为没有空格的内容制作 DIV 换行?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1911459/

相关文章:

jquery - 如何使鼠标指针仅悬停在数据表中的特定列上

html - 在 CSS 中将图像向右移动

html - Bootstrap 4.1 之间的 float 标识

javascript - CSS动画按钮在外部点击时不会产生动画

html - 如何在 100% 宽度的导航栏上居中对齐我的链接?

javascript - 更好地替代 ShowModalDialog

silverlight-4.0 - 有没有办法在 Silverlight 4 RichTextBox 中设置 LineHeight?

html - <video> 标签在右侧添加 3px 的空白

html - 如何设置元素的宽度等于设备宽度?

html - outlook 2003编码标准