Css 即使没有空格也要剪切长文本

当一个文本太长时，不仅在空格上，而且在每个字符上，有可能得到一个新行吗

---

示例：

添加

分词：全部分词

：

div {
  width: 20px;
  background: red;
  word-break:break-all;
}

---

添加

分词：全部分词

：

div {
  width: 20px;
  background: red;
  word-break:break-all;
}

---

添加

分词：全部分词

：

div {
  width: 20px;
  background: red;
  word-break:break-all;
}

---

添加

分词：全部分词

：

div {
  width: 20px;
  background: red;
  word-break:break-all;
}

---

类似这样的事情。希望我理解正确

div {
  width: 20px;
  background: red;
  word-wrap: break-word;
}

div {
  width: 20px;
  background: red;
  word-break:break-all;
}

或

div {
  width: 20px;
  background: red;
  word-wrap: break-word;
}

div {
  width: 20px;
  background: red;
  word-break:break-all;
}

---

像这样的。希望我理解正确

div {
  width: 20px;
  background: red;
  word-wrap: break-word;
}

div {
  width: 20px;
  background: red;
  word-break:break-all;
}

或

div {
  width: 20px;
  background: red;
  word-wrap: break-word;
}

div {
  width: 20px;
  background: red;
  word-break:break-all;
}

---

像这样的。希望我理解正确

div {
  width: 20px;
  background: red;
  word-wrap: break-word;
}

div {
  width: 20px;
  background: red;
  word-break:break-all;
}

或

div {
  width: 20px;
  background: red;
  word-wrap: break-word;
}

div {
  width: 20px;
  background: red;
  word-break:break-all;
}

---

像这样的。希望我理解正确

div {
  width: 20px;
  background: red;
  word-wrap: break-word;
}

div {
  width: 20px;
  background: red;
  word-break:break-all;
}

或

div {
  width: 20px;
  background: red;
  word-wrap: break-word;
}

div {
  width: 20px;
  background: red;
  word-break:break-all;
}

试一试

注意：但此属性具有工作草稿状态

Try

注意：但此属性具有工作草稿状态

Try

注意：但此属性具有工作草稿状态

Try

---

注意：但是此属性有一个工作草稿状态

您现在应该知道…您现在应该知道…您现在应该知道…您现在应该知道…没有

溢出包装

属性。@j08691

溢出包装

是在CSS3中引入的，因此您建议对已建立的属性使用草稿规范属性？取决于你的应用领域。但你是对的。虽然我在不同的浏览器中从未遇到过任何问题。我据此编辑了我的答案。非常感谢。没有

overflow wrap

属性。@j08691

overflow wrap

是在CSS3中引入的，因此您建议在已建立的属性上使用草稿规范属性？取决于您的应用领域。但你是对的。虽然我在不同的浏览器中从未遇到过任何问题。我据此编辑了我的答案。非常感谢。没有

overflow wrap

属性。@j08691

overflow wrap

是在CSS3中引入的，因此您建议在已建立的属性上使用草稿规范属性？取决于您的应用领域。但你是对的。虽然我在不同的浏览器中从未遇到过任何问题。我据此编辑了我的答案。非常感谢。没有

overflow wrap

属性。@j08691

overflow wrap

是在CSS3中引入的，因此您建议在已建立的属性上使用草稿规范属性？取决于您的应用领域。但你是对的。虽然我在不同的浏览器中从未遇到过任何问题。我据此编辑了我的答案。非常感谢。