避免预标记内的边距

Question

如何避免pre标记内的边距：

<p>Some text</p>

<pre>
    <code>
        Some code
    </code>
</pre>

<p>Some text</p>

<style>
pre {
    background-color: rgb(255,247,229);
    border: 1px solid red;
}
</style>

当前输出：

  

所需的输出：

  

目前的解决方案是手动删除标记中的缩进，如下所示。但是，据我所知，这不是最佳方式。

<pre>
    <code>
Some code
    </code>
</pre>

Answer 1

您可以尝试将<pre>代码的pre的默认值从pre-line更改为pre-line。

  

<br> 空白的序列已折叠。换行字符在换行符white-space处断开，并根据需要填充换行符。

详细了解MDN上的pre { background-color: rgb(255, 247, 229); border: 1px solid red; white-space: pre-line; }。

<p>Some text</p>
<pre>
  <code>
    Some code
  </code>
</pre>
<p>Some text</p>

searching.py", line 63, in   getkey assert isinstance(word.keys, object)

AttributeError: 'NoneType' object has no attribute 'keys'

Answer 2

byte[]（预先格式化的文本）标记捕获空格字符。

如果您真的想避免捕获空格，那么使用<pre>可能会更好地为您服务。否则我建议您预先格式化文本。