代码高亮显示行数没有滚动条踩坑之white-space

css前端 by 神秘人 at 2020-10-13

我各种调式想内容溢出显示滚动条左右但不显示上下滚动条用如下: 【overflow-x: scroll;】,【overflow: auto;】,【overflow-x: scroll hidden;】,【overflow: scroll hidden;】都不行!

最后发现有个如下代码:

pre {
white-space: pre-wrap;
}

我直接把它注释掉就显示滚动条了,好了!

不过为了预防万一别的未知Bug,我改成如下:

pre { 
white-space: pre;
 }

发现也可以显示滚动条就不管它了,就用这个代码!