html - 在代码标记中显示新行

Ric*_*rdo 24 html5

我正在尝试显示代码,但所有内容都显示在一行中.如何显示多行代码标签?

这是我的代码:

的index.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<title>Documentación: Events</title>
<body>
<code>
    {
    "id_tabla":3,
    "fecha":"02-09-2015",
    "privacidad":0,
    "timediff_m": "00"
    }
</code>
</body>
Run Code Online (Sandbox Code Playgroud)

这是如何在浏览器中显示:

{"id_tabla":3,"fecha":"02-09-2015","privacidad":0,"timediff_m": "00"}
Run Code Online (Sandbox Code Playgroud)

编辑

我只能使用<code>标签

Lip*_*pis 24

<pre>而不是<code>.

<pre>
  {
    "id_tabla": 3,
    "fecha": "02-09-2015",
    "privacidad": 0,
    "timediff_m": "00"
  }
</pre>
Run Code Online (Sandbox Code Playgroud)

你应该使用,<code>如果你想要内联和<pre>什么时候你需要多线.


小智 24

这已在这里得到解答:

code {
  display: block;
  white-space: pre-wrap   
}
Run Code Online (Sandbox Code Playgroud)
<code>
    {
    "id_tabla":3,
    "fecha":"02-09-2015",
    "privacidad":0,
    "timediff_m": "00"
    }
</code>
Run Code Online (Sandbox Code Playgroud)