样式代码和预标记的问题

Question

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

看看这个截图..

这是我的代码

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

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

Answer 1

我试过这个没有问题。

以下是我在jsFiddle上的内容...... 删除。不知道小提琴在哪里...更正版本在这里：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导致问题。看到代码会很好。