如何避免 HTML 中一行右侧的空格？答案

【问题标题】：How to avoid space on the right side of a line in HTML?如何避免 HTML 中一行右侧的空格？
【发布时间】：2016-12-18 22:06:53
【问题描述】：

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

【问题讨论】：

标签： html css text-alignment

【解决方案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。

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

在 CSS 中选择父元素。例如，如果这是父元素：

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

然后：

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

你会做的。

【讨论】：