通过更改单词间距来对齐段落

Question

有没有一种聪明的方法来证明固定宽度div标签内的段落没有包装而只改变字间距？见下面的链接。

干杯

https://jsfiddle.net/TheCoder/zhL895x9/embedded/result/

<style>
div {
    border: 1px solid black;
    width: 800px
}
p {
    font-size:20px;
    white-space: nowrap;
}
#par1 {
    word-spacing: -21px;
}
#par2 {
    word-spacing: 31px;
}
#par3 {
    word-spacing: 10.5px;
}
</style>

<div>
<p id="par1">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
<p id="par2">At vero eos et accusam et justo duo dolores et ea rebum.</p>
<p id="par3">Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
</div>

Answer 1

这

#par1 {
word-spacing: -21px;
}

到

#par1 {
white-space:pre-line;
}

进行此更改。希望它可以提供帮助