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

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

html

html-在代码标记中显示新行,html,Html,我试图显示代码，但所有内容都显示在一行中。如何显示多行代码标记这是我的代码： index.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> </head> <title>Documentación: Events</title> <body> <code> { "id_tabla":3, "fech

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

这是我的代码：

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{
显示：块；
空白：预包装
}

{
“身份证”：3，
“fecha”：“02-09-2015”，
“privaid”：0，
“时间差”：“00”
}
您可以使用
标记。“标记定义预先格式化的文本…元素中的文本以固定宽度字体显示（通常为Courier），并保留空格和换行符。”这意味着您可以对每个元素应用不同的CSS。