html -
段落内的标签不在单独的行上

Question

我喜欢<pre>标签保留间距的方式，我用它来显示编程代码。是否可以将其放在一个段落中？

<p> The C++ for loop <pre> for (int i = 0; i < n; i++) </pre> is used to ... </p>

上面代码的问题是该<pre>部分放在自己的行上。我希望一切都在同一条线上。

score 3 · Accepted Answer

3

还有另一个用于显示代码的标签是code. 我认为这可以解决问题。

于 2013-05-28T05:18:49.460 回答

score 1 · Accepted Answer

<p style="display:inline"> The C++ for loop <pre style="display:inline"> for (int i = 0; i < n; i++) </pre> is used to ... </p>

或者

<p> The C++ for loop <code> for (int i = 0; i < n; i++) </code> is used to ... </p>

score 0 · Accepted Answer

试试这个。

p{
    float:left; 
}
pre{
    display:inline;
}

它不是一个好的代码，但它的工作原理

score 0 · Accepted Answer

不，pre元素不能出现在p元素内部。

从某种意义上说，您可以通过在任何元素（例如 a或元素）上pre使用 CSS 声明来保留间距，例如white-space: prespancode

<style>
.pre { white-space: pre; }
</style>
...
<p> The C++ for loop <code class=pre> for (int i = 0; i < n; i++) </code> is
used to ... </p>

该pre元素还导致默认使用等宽字体。该code元素具有相同的效果。

4 回答 4