Question

我在带有格式和固定宽度的段落中的text-align“justify”有问题，因为我希望HTML中的段落文本看起来完全合理（就像MS Word文件一样）。但是，这不会发生。我需要修改什么来实现它？

     <pre style="color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: medium; width: 500px; text-align: justify;"> 

I have a problem with the text-align "justify" inside a paragraph with format and fixed width, because I want the paragraph text in HTML to appear totally justified (like it would happen with a MS Word file). However, this does not happen. What I need to modify to achieve it?

        </pre>

编辑：如果我将<pre>代码替换为<p>代码，我的代码就能正常运行。有人可以解释一下为什么吗？也许我错误地使用了<pre>标签。

Answer 1

要为<pre>中的文字辩护，您需要在样式中添加white-space: normal;，但在我看来，这会使用<pre>标记忽略这一点。

- 编辑 -

您可以使用具有相应样式的<pre>代替<div>代码。它可以很好地模仿<pre>标签并且更容易玩。

Answer 2

  pre {
    text-align: left;
    white-space: pre-line;
  }

Answer 3

使用标签：

<pre><code>
Your text
Your text
</code></pre>

删除文本前面的所有空格，所有缩进。

HTML证明文本与<pre> tag</pre>对齐

3 个答案: