当我写长文本时，文本从容器中出来（没有空格）答案

【问题标题】：text comes out of the container when I write long text (without space)当我写长文本时，文本从容器中出来（没有空格）
【发布时间】：2022-11-09 18:28:48
【问题描述】：

如果我写一个长句子，文本不适合容器。为什么文本会溢出容器？

但是当我写一个长句子但使用空格（写多于1个句子）时，文本最终适合容器。

<p>no spaces:</p>
<div style="height:50px;width: 200px;border: 4px solid red;">helloooooooooooooooooooooooooooooooo</div>
<br>
<p>with spaces:</p>
<div style="height:50px;width: 200px;border: 4px solid red; ">hello ooooooo ooooo ooooooo ooooooooo oooooooo</div>

【问题讨论】：

这回答了你的问题了吗？ How to force a line break in a long word in a DIV?

标签： html css overflow

【解决方案1】：

要中断文本行，您可以使用overflow-wrap: break-word;：

<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <p>no spaces:</p>
  <div style="height:50px;width: 200px;border: 4px solid red;overflow-wrap: break-word;">helloooooooooooooooooooooooooooooooo</div>
  <br>
  <p>with spaces:</p>
  <div style="height:50px;width: 200px;border: 4px solid red;
  ">hello ooooooo ooooo ooooooo ooooooooo oooooooo</div>
</body>
</html>

【讨论】：