文章/答案/技术大牛

发布

社区首页 >问答首页 >对齐文本-与<pre>标记对齐

问对齐文本-与<pre>标记对齐
EN

Stack Overflow用户

提问于 2012-01-19 01:02:04

回答 3查看 31.9K关注 0票数 13

我对文本有一个问题--用格式和固定的宽度对齐段落中的“正当性”，因为我希望HTML中的段落文本看起来完全正确(就像MS文件一样)。然而，这种情况并没有发生。我需要修改什么才能实现它？

     <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>

编辑：--如果我用<p>标记替换<pre>标记，我的代码就能正常工作。谁能解释一下为什么吗？也许我使用了错误的<pre>标记。

html

fixed-width

pre

text-justify

回答 3

Stack Overflow用户

回答已采纳

发布于 2012-01-19 01:11:55

要在<pre>中对文本进行调整，您需要在样式中添加white-space: normal;，但在我看来，这忽略了使用<pre>标记的要点。

-编辑--

与<pre>标记不同，您只需使用具有适当样式的<div>即可。它可以很好地模仿<pre>标签，而且更容易玩。

票数 16

Stack Overflow用户

发布于 2015-03-13 14:52:59

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

票数 22

Stack Overflow用户

发布于 2017-08-04 18:40:44

使用标签：

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

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

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/8919776

复制

相似问题

问对齐文本-与<pre>标记对齐
EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问对齐文本-与<pre>标记对齐EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问对齐文本-与<pre>标记对齐
EN