html - 如何保留换行符但文本对齐 :justify?

Question

我有需要换行符的文本，我不想添加 <br/>在每一行之后，所以我使用 white-space: pre-wrap .我想要 text-align:justify以及。但它们似乎无法协同工作。

有办法克服吗？

Answer 1

你想要的是white-space:pre-line，而不是pre-wrap。

你还需要text-align-last ，因为 text-align 本身不会削减它。

div {
  white-space: pre-line;
  text-align: justify;
  -moz-text-align-last: justify;
  text-align-last: justify;
}

<div>one two three four
five six seven etc etc etc</div>