如果内容没有空格，div不会生成新行。

Question

我做了一个小提琴：https://jsfiddle.net/bexoss/b6ba4kjg/

我正在尝试制作评论表单，并会向div显示评论，但如果div内容没有空格，则不会生成新行，因此内容具有较长的宽度和较短的高度。

我向div提供white-space: pre-wrap这样的风格，但它没有解决这个问题，你能帮助我吗？

感谢。

Answer 1

您需要将自动换行属性添加到css

.div1 { 
    width: 300px; 
    margin-bottom:50px; 
    background-color: yellow; 
    word-wrap:break-word;
}

Answer 2

怎么样：

word-wrap: break-word;