如何用css打破div中一行中的文本？

Question

如果我们有一个div的宽度有限，我们怎么能打破文本呢？但是我有父div，也有相同的宽度，请建议我们如何通过CSS实现它？

Answer 1

你现在习惯了这个

就像这样

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

的 Demo 的

Answer 2

在你的div上试试这个

word-wrap: break-word;

Answer 3

您可以使用word-wrap执行此操作。

div.yourBox {
  word-wrap: break-word;
}