我正在尝试显示代码,但所有内容都显示在一行中.如何显示多行代码标签?
这是我的代码:
的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)