要实现这一点，你需要添加以下代码：

body {
    width: 500px;
    text-align: justify;
}

字符串

我想这就是你想要的：http://jsfiddle.net/bL50ow0b/1/？
text-align: justify就是你需要的。

提供的CSS答案在一定程度上起作用，但不能确保每行都是由n字符组成的，因此可以获得均匀的行外观。我在每个n字符后插入了<br/>。类似于：

for (;;) {
    if (counter >= n) {
            myDiv.appendChild(document.createElement("br"));
            counter = 0;
    }
    counter++;
    myDiv.appendChild(span);
 }

字符串

如果你想让所有的文本行都 * 完全 * 相同的宽度，使用text-align: justify。注意，这会产生不一致的空白。
如果你想让每一行的宽度都 * 大约 * 相同，可以使用text-align: balance。这会导致更多的单词换行，大约等于每行的宽度。请注意，现在的浏览器支持not the best。
最后一个防止孤立项的选项是text-align: pretty。请注意，今天的浏览器也支持not the best。

这是很难理解你的意思是关于跨度与字符串，如果你张贴你的文字，这将是容易的。
这两个版本都可以在这个fiddle：https://jsfiddle.net/eq994mpu/1/中使用以下代码：

p {
    width: 50px;
    word-wrap: break-word;
}

字符串