如何获得<pre> like behaviour, but ignore <br/></pre>

Question

我已经制作了自己的自定义小博客，我意识到它忽略了代码标签中的空白。好吧，生成的代码就像

<div class="codebody">
Mycode<br/>
  other indented code<br/>
othercode<br/>
</div>

我的codebody类看起来像

.codebody {
   background-color: #FFFFFF;
    font-family: Courier new, courier, mono;
    font-size: 12px;
    color: #006600;
    border: 1px solid #BFBFBF;
}

那么，我怎样才能使缩进显示在代码标记中，但由于<br/>\n而不会添加双行中断？

Answer 1

刚刚想出来的东西..我不确定它是否适用于所有浏览器，因为它是一个非常讨厌的黑客，但这就是我所做的

.codebody {
    white-space: pre;
    background-color: #FFFFFF;
    font-family: Courier new, courier, mono;
    font-size: 12px;
    color: #006600;
    border: 1px solid #BFBFBF;
}

.codebody br{
    display: none;
}