在预标签内渲染跨度(在HTML中,不作为文本显示给用户)

发布时间：2020-12-14 23:20:36 所属栏目：资源来源：网络整理

导读：是否可以在预标签内呈现跨度？基本上我在我的网站上显示代码片段,你可以看到它们here.我想用“span”标签包装代码的某些部分. 现在当我添加在文本里面进入 ,它只是呈现为文本,例如我的代码是如此 cool 而我喜欢它.如何在仍然呈现span标签的同时获得pre的正

是否可以在预标签内呈现跨度？

基本上我在我的网站上显示代码片段,你可以看到它们here.我想用“span”标签包装代码的某些部分.

现在当我添加< span>在文本里面进入< pre>,它只是呈现为文本,例如我的代码是如此< span> cool< / span>而我喜欢它.如何在仍然呈现span标签的同时获得pre的正确分词和行间距？

最佳答案

< pre>标签将逐字呈现它的内容.您可以使另一个标记内的空白显着,但使用一些CSS在HTM中呈现标记.例如：

CSS

.code {
    white-space: pre;

    /* If you want to use a monospace font like


HTML


                        （编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!