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>

Answer 2

您可以使用包含文本（或任何父元素）的元素的css中的max-width属性来自动换行文本

p{
 max-width:300px;
 text-align:justify;
}

<p>dfhdbh dgg dd ew asdf dhfdhfh d hdhfbk djdbjbk dhdbhfbd jkbfjbdjk hdjkhjkdh dhfjkdhkfjgdfkdj df djfhkdjfh hdfbdh dfdhf fdhgdgds sdh dfhdbvdhg shdgh dfhf dfhdff fhddh fhfgdssdsew dfhgseey dhd ff fhde fheybd dfhey sd wyo gfj fggn cjvnf jcnjf fjncj fju djfu dcjndf  </p>

如何保留换行符但有text-align：justify？

2 个答案: