html - html注释框剪切文本而不换行

Question

在此处输入图像描述

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

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

  }

score 2 · Accepted Answer

2

使用自动换行属性

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

于 2012-04-24T11:06:24.427 回答

score 0 · Accepted Answer

0

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

}

于 2012-04-24T11:08:04.260 回答

score 0 · Accepted Answer

这是正常行为。你已经插入了一个非常日志的词，它是一个词......你会期待什么？）如果你在那里插入几个空格，它会有所帮助）

score 0 · Accepted Answer

嘿，你可以在你的 CSS 属性中定义

使用自动换行

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

score 0 · Accepted Answer

使用 word-wrap:break-word ，因为 word-wrap 属性允许长单词被破坏并换行到下一行。

5 回答 5