html - 如何在没有CSS的情况下使用pre标签显示span标签

标签 html pre

我需要在 HTML 页面中显示整个文本:

<span class='per-amount' role='text' aria-label='1,496 undefineds'><span class='per-curr'>₪</span><span class='per-minus-sign'></span><span class='per-int-num'>1,496
</span><span class='per-decimals-dot'></span><span class='per-decimals'></span></span>

我尝试通过用 pre 标记包裹它来显示整个文本,但没有成功。

<pre><span class='per-amount' role='text' aria-label='1,496 undefineds'><span class='per-curr'>₪
</span><span class='per-minus-sign'></span><span class='per-int-num'>1,496</span><span class='per-decimals-dot'></span><span class='per-decimals'></span></span></pre>

有没有办法强制浏览器显示它,而不使用CSS?

最佳答案

您可以使用xmp而不是 pre,但请注意,它自 HTML3.2 起已被弃用,并且自 HTML5 起已过时 - 尽管它似乎仍然适用于所有主要浏览器:

<xmp><span class='per-amount' role='text' aria-label='1,496 undefineds'><span class='per-curr'>₪
</span><span class='per-minus-sign'></span><span class='per-int-num'>1,496</span><span class='per-decimals-dot'></span><span class='per-decimals'></span></span></xmp>

您的另一个选择是将小于更改为 <,但这可能需要预处理或 JavaScript。

关于html - 如何在没有CSS的情况下使用pre标签显示span标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59882029/

相关文章:

css - 水平滚 Action 为自动 flex 元素(或一个)的 <pre> 标签

css - 删除前元素上的 Bootstrap 样式

css - 为什么谷歌浏览器不会自动中断?

HTML 5 需要输入字段

javascript - 如何将alert()上的concat结果作为字符串获取

javascript - 如何让我的 JS 石头剪刀布游戏正常运行?

html - 没有居中文本的居中 <pre> block

javascript - 组织 <pre> 标签布局

html - 在 Windows 上重命名 CSS 文件和多个 HTML 文件中的 CSS 元素的最佳工具是什么?

html - 如何使用 bootstrap 将 3 个图像内联居中?