Html 如何断开一根长字符串并使其在下一行继续？

假设在极端情况下，我得到一个没有空格的长字符串，我想把它分成下一行，我怎么做？如何使字符串在用户名之后开始，在该行末尾中断，然后继续到下一个2

#聊天{
高度：300px；
宽度：95%；
边框：1px实心#d9d9d9；
背景色：#F8；
文本对齐：左对齐；
填充物：5px；
字体大小：13px；
显示：内联块；
溢出y：滚动；
断字：断字；
}
.留言{
边框底部：0.5px实心#CACACA；
线高：150%；
}
.用户名{
字体大小：粗体；
}

[15/06/2017 6:15]用户名：asjdqwljdawjdh
[15/06/2017 6:15]用户名：spanasjdqwljdawjdhasjdqwljdawjdhasjdqwljdawjdhasjdqwljdawjdhasjdqwljdawjdqwljdawjdhasjdqwljdqwjdqwljdawjdjdhasjdqwjdqwjdqwjdqwjdqwjdawjdwjdh
[15/06/2017 6:15]用户名：asjdqwljdawjdh

使用类似于：

p.test {
  word-break: break-all;
}

使用类似于：

p.test {
  word-break: break-all;
}

---

一种方法是使用

textarea

textarea{
宽度：200px；
}

---

dfhiasfausdhfuasdfasdufasfuadsfasudfads

一种方法是使用

textarea

textarea{
宽度：200px；
}

---

dfhiasfausdhfuasdfasdufasfuadsfasudfads

您需要更改

#chat

的CSS。你需要更换

word-break: break-word;

与

这样做的原因是，

break-word

作为

word-break

的值不存在。您将其与

溢出包装

混淆，后者的值为

break word

价值观：

/*关键字值*/
溢出包装：正常
溢出包装：断开单词

/*全局值*/
溢出包装：继承
溢出包装：初始
溢出包装：未设置

以及下列各项的价值：

/*关键字值*/
断字：正常
单词break：打破一切
断字：保留一切

/*全局值*/
断字：继承
分词：首字母
分词：unset

#聊天{
高度：300px；
宽度：95%；
边框：1px实心#d9d9d9；
背景色：#F8；
文本对齐：左对齐；
填充物：5px；
字体大小：13px；
显示：内联块；
单词break：打破一切；
溢出y：滚动；
}
.留言{
边框底部：0.5px实心#CACACA；
线高：150%；
}
.用户名{
字体大小：粗体；
}

[15/06/2017 6:15]用户名：asjdqwljdawjdh
[15/06/2017 6:15]用户名：spanasjdqwljdawjdhasjdqwljdawjdqwljdawjdqwjdqwjdqwjdqwjdqwjdqwjdqwjdqwjdqwjdqwjdqwjdqwjdqwjdqwjdqwjdqwjdqwjdqwjdqwjdqwjdqwjdqwjdqwjdqwjdqwjdqwjdqwjdqwjdqwjdqwjdqwjdqwjdqwjdqwjdqwjdqwjdqwjdqwj
[15/06/2017 6:15]用户名：asjdqwljdawjdh

您需要更改

#chat

的CSS。你需要更换

word-break: break-word;

与

这样做的原因是，

break-word

作为

word-break

的值不存在。您将其与

溢出包装

混淆，后者的值为

break word

价值观：

/*关键字值*/
溢出包装：正常
溢出包装：断开单词

/*全局值*/
溢出包装：继承
溢出包装：初始
溢出包装：未设置

以及下列各项的价值：

/*关键字值*/
断字：正常
单词break：打破一切
断字：保留一切

/*全局值*/
断字：继承
分词：首字母
分词：unset

#聊天{
高度：300px；
宽度：95%；
边框：1px实心#d9d9d9；
背景色：#F8；
文本对齐：左对齐；
填充物：5px；
字体大小：13px；
显示：内联块；
单词break：打破一切；
溢出y：滚动；
}
.留言{
边框底部：0.5px实心#CACACA；
线高：150%；
}
.用户名{
字体大小：粗体；
}

[15/06/2017 6:15]用户名：asjdqwljdawjdh
[15/06/2017 6:15]用户名：spanasjdqwljdawjdhasjdqwljdawjdqwljdawjdqwjdqwjdqwjdqwjdqwjdqwjdqwjdqwjdqwjdqwjdqwjdqwjdqwjdqwjdqwjdqwjdqwjdqwjdqwjdqwjdqwjdqwjdqwjdqwjdqwjdqwjdqwjdqwjdqwjdqwjdqwjdqwjdqwjdqwjdqwjdqwjdqwjdqwj
[15/06/2017 6:15]用户名：asjdqwljdawjdh

首先将每个

.message

（这些是

p

）包装在

span

中。但是，

span

是一个内联元素，只能包含其他内联元素，而

p

是一个块级元素。因此，我建议删除附加的

span

第二个，在

上使用。消息

而不是

聊天

上的

断字：断字

（这是一个无效值），这应该会起到以下作用：

#聊天{
高度：300px；
宽度：95%；
边框：1px实心#d9d9d9；
背景色：#F8；
文本对齐：左对齐；
填充物：5px；
字体大小：13px；
显示：内联块；
溢出y：滚动；
}
.留言{
边框底部：0.5px实心#CACACA；
线高：150%；
单词break：打破一切；
}
.用户名{
字体大小：粗体；
}

[15/06/2017 6:15]用户名：asjdqwljdawjdh
[15/06/2017 6:15]用户名：spanasjdqwljdawjdhasjdqwljdawjdhasjdqwljdawjdhasjdqwljdawjdhasjdqwljdawjdqwljdawjdhasjdqwljdqwjdqwljdawjdjdhasjdqwjdqwjdqwjdqwjdqwjdawjdwjdh
[15/06/2017 6:15]用户名：asjdqwljdawjdh

首先将每个

.message

（这些是

p

）包装在

span

中。但是，

span

是一个内联元素