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