<pre> tag within paragraph not on separate line</pre>

Question

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

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

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

Answer 1

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

Answer 2

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

<强> Fiddle

或者

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

Answer 3

试试这个。

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

jsFiddle File

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

Answer 4

不，pre元素不能出现在p元素中。

您可以通过在任何元素（例如pre或white-space: pre元素）上使用CSS声明span，在code这样做的意义上保留间距，例如

<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元素具有相同的效果。