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

  • Z时代
  • 2024-01-10
  • 分类：问答

有什么方法可以pre通过CSS 模拟元素的显示？

例如，是否可以使用CSS规则在此div中保留空白？

<div class="preformatted">
  Please procure the following items:
    - Soup
    - Jam
    - Hyphens 
    - Cantaloupe
</div>

回答：

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

以上是 通过CSS将元素显示为预格式化的文本 的全部内容， 来源链接： utcz.com/qa/409681.html

回到顶部