Question

我的前置标签中的文本样式如下：

 <pre style="white-space: pre-wrap; font-family: Georgia, 'Times New Roman', Times, serif;">
        ${htmlText} 
 </pre>

在white-space: pre-wrap;中无法使用文本文本。但是，如果文本不是white-space: pre-wrap;，则会删除文本空白。我需要保留文本空白，并且仍然能够证明文本合理。

我也尝试过white-space: pre;和overflow-wrap: break-word。可以，但是在换行时会拆分单词。我需要证明工作的理由而不会分裂/断断续续。

您如何使text-align: justify;与white-space: pre-wrap;一起工作？还是在包裹文本时以不打断单词的方式制作white-space: pre;？

Answer 1

white-space: pre-wrap;对text-align: justify;没有影响，下面是一个示例

.a
{
white-space: pre-wrap;
text-align: justify;
}

<pre class="a">
  <p>This is a paragraph.This is a paragraph.This is a paragraph.This is a paragraph.This is a paragraph.This is a paragraph.This is a paragraph.This is a paragraph.This is a paragraph.This is a paragraph.This is a paragraph.This is a paragraph.This is a paragraph.This is a paragraph.This is a paragraph.This is a paragraph.This is a paragraph.This is a paragraph.This is a paragraph.This is a paragraph.</p>
  <p>This is a paragraph.This is a paragraph.This is a paragraph.This is a paragraph.This is a paragraph</p>
  <p>This is a paragraph.This is a paragraph.This is a paragraph.This is a paragraph.This is a paragraph.This is a paragraph</p>
 </pre>

Answer 2

似乎没有解决办法。我能做的最接近的事情是设置white-space: normal并为每个p标签赋予css属性text-indent: 30px;。

这将使文本对齐，并将缩进到每个段落的开头。但是它还会删除一个以上的所有空白。目前这对我有效，因为我最感兴趣的是在段落开头添加额外的空格。

如何制作空白：预包装；对齐文字？

2 个答案: