css中的溢出问题

Question

当我在制作一个网站时,我遇到了文本溢出的问题.

这是代码

div {
  width: 100px;
  background: blue;
}

 <div>sssssssssssssssssssssssssssssssssssssssss</div>

该ssssss满溢在我希望他们在无需键入下一行股利<br>.

我不知道如何申请 display: flex;.请给我一些代码,让我sss在里面做唯一的立场div

Answer 1

使用 word-break: break-all;

div {
  width: 100px;
  background: blue;
  word-break: break-all;
}

<div>sssssssssssssssssssssssssssssssssssssssss</div>