如何避免HTML中行的右侧空格?

时间:2016-12-18 14:02:04

标签: html css text-alignment

每条线的右端应与左端完全对齐,而不是上面的情况。救命啊!

3 个答案:

答案 0 :(得分:3)

您只需使用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>
&#13;
&#13;
&#13;

有关详细信息,请参阅MDN

答案 1 :(得分:1)

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

答案 2 :(得分:1)

在CSS中选择父元素。例如,如果这是父元素:

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

然后:

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

会帮你完成工作。