即使没有空格也可以剪切长文本

Question

当文本太长时，是否有可能获得一个新行，不仅是在空间而是在每个角色上？

示例：http://jsbin.com/yaxeyeko/1/edit

Answer 1

像这样的东西。希望我已经理解正确

<强> FIDDLE

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

或 FIDDLE

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

Answer 2

添加word-break:break-all：

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

jsbin example

Answer 3

尝试

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

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