在日常開發(fā)中，經(jīng)常需要將列表數(shù)據(jù)以json格式打印出來以便于調(diào)試顯示。但是，打印出來的json數(shù)據(jù)會(huì)出現(xiàn)默認(rèn)自動(dòng)換行的問題，影響了數(shù)據(jù)的可讀性。在這種情況下，我們需要使用一些方法來打印出不自動(dòng)換行的json數(shù)據(jù)。

[
{
"name": "Tom",
"age": 18,
"hobby": ["reading", "playing games", "swimming"]
},
{
"name": "Lucy",
"age": 19,
"hobby": ["listening to music", "dancing"]
}
]

可以使用CSS來解決這個(gè)問題，具體步驟如下：

• 為pre標(biāo)簽添加white-space: pre-wrap或white-space: pre屬性，這能防止空格、換行符和制表符被合并。如下所示：

pre {
white-space: pre-wrap;  /* 兼容性好些 */
/* white-space: pre; */
}

• 將json數(shù)據(jù)包含在pre標(biāo)簽中，這使得網(wǎng)頁能夠正確的顯示未經(jīng)編碼的文本。

<pre>
[
{
"name": "Tom",
"age": 18,
"hobby": ["reading", "playing games", "swimming"]
},
{
"name": "Lucy",
"age": 19,
"hobby": ["listening to music", "dancing"]
}
]
</pre>

通過以上步驟，我們就可以愉快地打印出不換行的json列表了，如上所示。