如何避免space出现在HTML一行的右边？

Question

每行的右端应该像左端一样完美对齐，而不是上面的情况。求助！

Answer 1

您可以简单地使用 text-align: justify:

div {
  width: 300px;
  text-align: justify;
}

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

有关详细信息，请参阅 MDN。

Answer 2

使用text-align: justify。这将使线条全宽。

Answer 3

Select CSS 中的父元素。例如，如果这是父元素：

<p id="text-container"> Your text... </p>

然后：

#text-container {
  text-align: justify;
}

你会做的。