html - 如何在不删除 HTML 缩进的情况下删除 <pre>/<code> block 中的前导空格?

标签 html css pre

我有以下 HTML:

<body>
    Here is some code:

    <pre><code>
        Here is some fun code!    
    </code></pre>
</body>

但是当我预览它的时候,因为代码是缩进的,pre 完全不正常。我可以通过将内容放回缩进来解决这个问题,但它看起来很傻。我可以让上面的文字看起来没有缩进吗?

最佳答案

你也许可以试试这个:

pre, code{
    white-space:normal;
}

Fiddle

关于html - 如何在不删除 HTML 缩进的情况下删除 <pre>/<code> block 中的前导空格?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31753617/

相关文章:

jquery - 点击显示附件的div

HTML、CSS : Display HTML code with `<xmp>` , `<pre>` 或 `code` ?

css - 样式代码和前置标签的问题

html - 将自定义样式规则添加到列表中的偶数元素

javascript - angularjs 中服务执行的优先级和层次结构

javascript - 表单仍然在 JS 中回发并返回 false

javascript - 第二个下拉列表取决于我的第一个下拉列表。如何?

css - CSS 是否加载带注释的图像?

html - 在 fa 图标周围创建一个圆圈

html - 如何使用 HTML/CSS 在文本中插入空格/制表符