html - 如何获得类似 <pre> 的行为，但忽略 <br>

Question

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

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

我的代码体类看起来像

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

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

Answer 1

好吧只是想出了一些办法..我不确定它是否适用于所有浏览器，因为这是一个非常讨厌的 hack，但这就是我所做的

.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;
}