html - 通过 CSS 将元素显示为预先格式化的文本

Question

有没有办法pre通过 CSS 模拟元素的显示？

例如，我可以使用 CSS 规则保持这个 div 中的空白完整吗？

<div class="preformatted">

  Please procure the following items:

    - Soup
    - Jam
    - Hyphens 
    - Cantaloupe
</div>

score 190 · Accepted Answer

用于white-space: pre保留pre元素中的空白预格式化。更进一步，还要添加font-family: monospace，因为pre默认情况下元素通常设置为等宽字体（例如用于代码块）。

.preformatted {
    font-family: monospace;
    white-space: pre;
}

<div class="preformatted">

  Please procure the following items:

    - Soup
    - Jam
    - Hyphens 
    - Cantaloupe
</div>

score 54 · Accepted Answer

.preformatted {
   white-space: pre-wrap;
}

我认为“预包装”更好。它可以帮助排长队。

score 11 · Accepted Answer

11

是的：

div.preformatted {
    white-space: pre;
    }

参考：

于 2012-03-17T20:51:22.710 回答

score 3 · Accepted Answer

3

为了让<pre>你可以使用；

div.preformatted{ white-space: pre ; display: block; }

于 2014-05-13T15:05:07.403 回答

4 回答 4