Question

可能重复：
wordwrap a very long string

我的代码

<div style="width:40px;">adfdddddddddddddddddddd</div>

此代码应生成4行，但它在一行中显示输出。

Answer 1

尝试

<div style="width:40px;word-wrap:break-word;">adfdddddddddddddddddddd</div>;

Answer 2

对于自动换行，请考虑添加此类。

.wordwrap { 
   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 */
}

请参阅此处的参考资料Is there a way to word-wrap long words in a div?

Answer 3

您的代码在一行中显示输出，因为它将内容作为单个单词。单个单词将显示在一行中。使用一些句子尝试此代码，然后您将获得所需的输出。你可以尝试类似下面的内容

<div style="width:40px;">This is a sentence.</div>

Div溢出没有单独的线

3 个答案: