求助网页字体排版错乱的问题

lovecom

用Chrome原版和百分浏览器都错乱了，用win10自带的edge也乱，但是用IE或IE核心的浏览器就正确显示。设置字体也没用处。
类似网址如下：http://www.sjever.net/bbs/forum.php?mod=viewthread&tid=243670；http://www.sjever.net/bbs/forum.php?mod=viewthread&tid=243637


用IE11浏览器就不会乱，不是图片，是黑色背景的文字。

IE浏览器

S8F8ry

应该是 chrome 等浏览器与 IE 浏览器对 " "(空格) 的渲染宽度的不同，没什么太好的处理方法，我给出的方法是遇到这个情况时打开控制台输入以下代码回车：

1. document.querySelectorAll('table.t_table').forEach((item) => {
   
2.         item.innerHTML = item.innerHTML.replace(/ /g, " ")
   
3. })

复制代码

或者直接安装脚本：https://greasyfork.org/zh-CN/scripts/405957

S8F8ry 发表于 2020-6-24 14:04
应该是 chrome 等浏览器与 IE 浏览器对 " "(空格) 的渲染宽度的不同，没什么太好的处理方法，我给出的 ...

这个不会是大佬现做的吧？

S8F8ry

游客 113.65.66.x 发表于 2020-6-24 14:45
这个不会是大佬现做的吧？

这里没有什么大佬，大家一起交流学习。

淡空醉花

Tab制表符吧, 每个地方制表符长度设定不一样. 还有是不同字体的缩进对齐也不一样.

                                        ---随风随浪飘荡---!  

lovecom

S8F8ry 发表于 2020-6-24 14:04
应该是 chrome 等浏览器与 IE 浏览器对 " "(空格) 的渲染宽度的不同，没什么太好的处理方法，我给出的 ...

哇，超版果然是大佬，直指问题核心，控制台代码有效。竟然还现做一个脚本直接一劳永逸的解决，拜谢！

ahwbf

S8F8ry 发表于 2020-6-24 14:04
应该是 chrome 等浏览器与 IE 浏览器对 " "(空格) 的渲染宽度的不同，没什么太好的处理方法，我给出的 ...

感谢！感谢！