通过更改字距来对齐段落

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

from

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

自

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

进行此更改。希望它可能会有所帮助