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

Question

我正在尝试在 css 中设置代码样式和预标记。问题是当我复制包含新行的代码时，边框中断并重新开始绘制边框。

看看这个截图..

这是我的代码

pre {
    outline:1px solid #555;
    background: #e0e0e0;
    white-space:pre-wrap;
}

如何解决这个问题？如何制作一个单独的盒子？谢谢@祝本论坛的所有人圣诞快乐。

Answer 1

我试过了没有问题。

这是我在 jsFiddle 上得到的...已删除。不知道 fiddle 去了哪里……这里更正了版本:http://jsfiddle.net/rfornal/g3Lswzt0/

我使用的代码在这里...

<pre>
.comment-meta a {
    margin:0;
}

.comment-body p {
    display: block;
    padding-left:170px;
}
</pre>

... 使用 CSS ...

pre {
    outline:1px solid #555;
    background: #e0e0e0;
    white-space:pre-wrap;
}

可能是其他一些 CSS 导致了这个问题。能看到代码就好了。