html评论框切割文本而不换行

标签 html css

enter image description here

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

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

  }

最佳答案

使用自动换行属性

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

Demo

关于html评论框切割文本而不换行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10296658/

相关文章:

html - 无法使 zurb 基础列拉伸(stretch)到页面底部

javascript - 根据DIV样式隐藏没有ID的DIV

javascript - IE8 CSS 错误?使用 javascript 无法正确显示 DIV

html - CSS:随着窗口大小调整缩小div宽度但保持最大宽度?

html - Chrome 没有清除缓存

javascript - React/CSS - 当宽度为自动时,内容更改后动画按钮宽度调整大小

javascript - OnClick 以及监听器不工作

PHP 生成的图像不继承包含 div 的样式

javascript - 需要动态替换 <h1> 标记内的文本。

javascript - 无论 viewBox 缩放如何,都保持相同字体大小的文本