修改

Question

我试图显示代码，但所有内容都显示在一行中。如何显示多行代码标签？

这是我的代码：

的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>

这就是浏览器中显示的内容：

{"id_tabla":3,"fecha":"02-09-2015","privacidad":0,"timediff_m": "00"}

修改

我只能使用<code>代码

Answer 1

使用<pre>代替<code>。

＆＃13;

<pre>
  {
    "id_tabla": 3,
    "fecha": "02-09-2015",
    "privacidad": 0,
    "timediff_m": "00"
  }
</pre>

＆＃13;

如果你想要内联内容，你应该使用<code>;当你需要多线时，你应该使用<pre>。

Answer 2

已经回答here：

＆＃13;

code {
  display: block;
  white-space: pre-wrap   
}

＆＃13;

<code>
    {
    "id_tabla":3,
    "fecha":"02-09-2015",
    "privacidad":0,
    "timediff_m": "00"
    }
</code>

＆＃13;

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

修改

2 个答案: