通過更改字間距來對齊段落

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; 
} 

使這一變化。希望它可以幫助