css - 使用CSS根据父容器静态宽度强制一长行文本（不带空格）换行

Question

可能重复：
CSS：如何强制将长字符串（没有任何空白）包装在 XUL 和/或 HTML 中

可以说一个有以下代码：

<div style="width:100px;height:1000px">This-is-a-long-line-of-text-without-any-spaces-This-is-a-long-line-of-text-without-any-spaces-This-is-a-long-line-of-text-without-any-spaces-This-is-a-long-line-of-text-without-any-spaces</div>

我很抱歉，但堆栈溢出（根据预览）不会换行代码片段。

在大多数 (?) 情况下，以下情况将导致包含长文本行的容器拉伸到其中包含的文本的全宽。

我们想根据父容器的css指定宽度（宽度：100px）强制它换行（甚至是中间字）。

这可以通过我不知道的css标签实现吗？

IE6+ 可比性，请加上 gecko/webkit/opera。

Answer 1

您可以使用它来包装：

.wrap { 
   white-space: pre-wrap;      /* CSS3 */   
   white-space: -moz-pre-wrap; /* Firefox */    
   white-space: -pre-wrap;     /* Opera <7 */   
   white-space: -o-pre-wrap;   /* Opera 7 */    
   word-wrap: break-word;      /* IE */
}

Answer 2

word-wrap和的组合word-break可以为您解决这个问题。请参阅如何在 DIV 中的 loooooong 单词中强制换行？（可能是骗人的）