html - XMP 标签将我的样式替换为另一个

Question

我发现了 XMP 标签，它对于逐字复制所有内容非常有用，直到结束 xmp 标签。

<XMP> '<b>aaa</b>' </XMP>

生成的CSS:

pre, xmp, plaintext, listing {
display: block;
font-family: monospace;
white-space: pre;
margin: 1em 0px;
}

但它将我的 css(例如字体)文本替换为另一种字体: xmp example .

我怎样才能使用这个标签，但保留我的字体？

Answer 1

xmp 元素默认将字体设置为系统相关的等宽字体。它还可能导致字体大小有所减小。为了防止这些，设置

xmp { font-family: inherit; font-size: 100% }

一种更安全的方法(由于在某些旧浏览器中不支持 inherit)是将字体设置在与在整个页面上或在封闭元素。示例:

body, xmp { font-family: Cambria, Georgia; } 
xmp { font-size: 100% }