如何保留换行符但有 text-align: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>