Question

我有类似的要求。

键：这是值 type：这是类型值

我使用<pre>标签，使用它后会显示类似

的内容

key1 :this is the value
          type1 : this is the type value

          key2 :this is the value
          type2 : this is the type value

key2 :this is the value
          type2 : this is the type value

我的要求是下一个键，类型应该从头开始

key1 :this is the value
type1 : this is the type value

key2 :this is the value
type2 : this is the type value

Answer 1

如果您说要预先格式化文本，请预先格式化文本。

不要在后续行的开头添加空格，以满足源代码的缩进。如果需要，只添加空格。

所以改变：

<div>
    <pre>foo
    bar
    baz
    </pre>
</div>

到

<div>
    <pre>foo
bar
baz
</pre>
</div>

Answer 2

应用此css类。

<强> CSS：

pre { white-space:pre-line;}

<强> HTML：

<div>
    <pre>key1 :this is the value
        type1 : this is the type value

        key2 :this is the value
        type2 : this is the type value

        key2 :this is the value
        type2 : this is the type value</pre>
</div>

<强>输出：

key1 :this is the value
type1 : this is the type value

key2 :this is the value
type2 : this is the type value

key2 :this is the value
type2 : this is the type value

Answer 3

您尚未提供HTML代码。如果正确格式化html内容，则可以正常使用

<pre>
key1 :this is the value
type1 : this is the type value

key2 :this is the value
type2 : this is the type value

key2 :this is the value
type2 : this is the type value

</pre>

http://jsfiddle.net/UUgpk/

问题html <pre> tag</pre>

3 个答案: