HTML <br/> 标签打破 <code> 段？

Question

我有一个带有一些 <code> 的 HTML 页面段，我在外部 CSS 文件夹中为它们提供了这些属性:

code {

    background-color: f5f5ff;
    border-color : 7f7fbf;
    border-style : dashed;
    border-width : 1px;
    font-family  : courier new;
    margin-left  : 128px;
    padding      : 14px;
}

每当我输入 <br/>在我的代码段中，代码似乎跳到了左边，忽略了边距，填充覆盖了最后一行，就像它是一个全新的 <code>段直接放在它下面，一直到填充结束的位置，没有左边距。

如何制作 <code>带有换行符的段，在单个“框”中显示所有代码，换行符和所有代码，直到 <code> 结束段，就像它显示在 <code> 中一样现在我的帖子预览中的片段？

这是我的一个例子 <code> block /段:

import math<br/>
def areaCircle(r)<br/>
return (math.pi * r) ^ 2

很遗憾，我无法提供图片，因为我是一个非常新的用户。

我已经在 Chrome 和 FireFox 中测试过了；两种浏览器中的问题完全相同。

Answer 1

<pre> tags 应该是你选择的标签，而不是 <code> block ，应该是内联的。

备注:<pre> block 确实关心空格，所以确保不包含额外的空格。

比较:

<pre>
import math
def areaCircle(r)
return (math.pi * r) ^ 2
</pre>

收件人:

    <pre><!-- Extra whitespace generated -->
    import math
    def areaCircle(r)
    return (math.pi * r) ^ 2
    </pre>