＜pre＞标签的使用

一、作用

可以控制文本中原有样式的展示

二、

pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。

<pre> 标签的一个常见应用就是用来表示计算机的源代码。

// html
<pre v-html="content"></pre>
// script
data() {
    return {
        content: ``,
    }
}
// style
pre {
  display: block;
  font-family: monospace;
  white-space: pre;
  margin: 1em 0px;
}