html注释框在不换行的情况下剪切文本

当我插入一条超过设置宽度（600px）的注释时，文本将被截断（见上面的图片链接），而不是进入新行。我正在使用html注释框。 注释框的样式为：

 #HCB_comment_box div.comment {
  border-top:1px solid #fff;
  width: 600px;

  }

---

使用word wrap属性

#HCB_comment_box div.comment {
   word-wrap: break-word;
}

---

这是一种正常的行为。您插入了一个非常有日志意义的单词，它是一个单词。。。你会期待什么？）如果在那里插入两个空格，这会有所帮助）

嘿，你可以在css属性中定义

使用wrap这个词

#HCB_comment_box div.comment {
  border-top:1px solid #fff;
  width: 600px;
word-wrap: break-word;
  }

---

使用wordwrap:break-word，因为word-wrap属性允许将长单词打断并换行到下一行

---

查看结果：

@lukey，更新：），以及演示。谢谢。你知道如何去掉评论左边的蓝线吗？@lukey，它可能是一个边框，使用

边框左：无white space:nowrap

属性与

overflow:hidden

一起存在，它会切断您的评论。。。

#HCB_comment_box div.comment {
  border-top:1px solid #fff;
  width: 600px;
word-wrap: break-word;
  }