如何在不拆分单词的情况下包装从数据库中取出的文本？

Question

好的，这是一个让我困扰了一段时间的人......

我有一个故事数据库。我想在div中显示章节的内容。我的问题是让文本换行而不分词，这会降低可读性。例如，'birthday'这个词位于我的div的边缘，它将被包裹起来：

出生了 AY。

我该如何解决这个问题？可能很简单，我只是在考虑它..

这是css ..

    .dvChapContent
    {
     float: left; 
     display: block; 
     width: 750px; 
     white-space:normal;
     word-break: break-all; 
     word-wrap: normal;  
    }

Answer 1

您可以使用white-space:normal

您还可以查找类似的属性，例如word-wrap: normal;和text-wrap:normal;

编辑： 不使用word-break属性可能有用。

Answer 2

好的，这是一个Fiddle

.dvChapContent {
  display: block;
  float: left;
  width: 750px;
  padding: 5px;
  word-break: keep-all;
  border: 1px dotted gray;
}