关于 BBCode 标签 [pre] 的问题

星空***

pre 标签可以实现相比于 code 标签的更好的高亮，但原本代码中没有空行，用于使用时却每一行代码之间都额外添加了一行空行

比如下面的代码：

1. "dependencies": [
   
2.         {
   
3.             "module_name": "@minecraft/server",
   
4.             "version": "xxx"
   
5.         },
   
6.         {
   
7.             "module_name": "@minecraft/server-ui",
   
8.             "version": "xxx"
   
9.         }
   
10.     ]

复制代码

把上面的代码用于 pre 标签：

"dependencies": [

        {

            "module_name": "@minecraft/server",

            "version": "xxx"

        },

        {

            "module_name": "@minecraft/server-ui",

            "version": "xxx"

        }

    ]

可在两个不同代码标签看出不同，我没有在 pre 标签的代码添加空行，但他就自动添加了，影响美观

下面的图证明在 pre 代码中我没有添加空行


@苦力怕纸

Saka***

我可能找到问题所在了：
Discuz默认回车换行也算作换行，会将回车换行换成 br 标签
然而，浏览器默认 pre 块也会接受回车换行

然后浏览器同时处理了 由Discuz转换生成 的 br 和 pre 块的换行符，导致了这样的问题。
所谓的两个换行，一个是 Discuz 转换回车成为 br 实现的，一个是 pre 自身特性实现的。


解决方法也很简单，加一些 CSS 代码就好，告诉浏览器不要理会 pre 里面的换行符。

pre{white-space:nowrap;}

pre code{white-space:nowrap!important}

当然，为了避免误伤帖子外的 pre 和 code，我们或许需要根据页面选择描述更为详细的选择器。
（不过，帖子外面有 pre 和 code 吗？）


@苦力怕纸