Html 强制div中的文本仅在到达div末尾后才断开

在下面的代码片段中，有两个示例演示了我试图实现的目标：

我希望我上面的示例的行为与下面的示例类似，这意味着它将与给定的文本保持在两行中，问题是当我使用

空格时，它会断开行，我希望文本继续到div结束，然后才断开

有什么建议吗


.myClass{
字体大小：10px；
颜色：#9a；
宽度：160px；
溢出：隐藏；
-ms word wrap：断开单词；
单词包装：打断单词；
}

WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW

wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww
您可以为此使用以下CSS

.myClass{
  font-size: 10px;
  color: #9a9a9a;
  width: 160px;
  overflow: hidden;
  word-break: break-all;
  word-wrap: break-word;
  display: block;
}

@William你能和我分享你的代码吗？这样我就可以解决问题了。我找到了一种方法来实现这一点：在每个字符（“&zwj；”）之间放置一个零宽度的连接符