小编ylp*_*808的帖子

空白:用断字进行预换行:最近在 Chrome 中,全部中断变得非常慢

<div>切换到带有需要换行的行和以下 CSS 的jQuery UI 选项卡:

.console {
  white-space: pre-wrap;
  word-break: break-all;
}
Run Code Online (Sandbox Code Playgroud)

Chrome 最近变得非常慢。这种情况是从过去 3 个月内的 Chrome 更新开始发生的,或者(我目前使用的是 Chrome 49)——同一示例在 IE 11 和 Firefox 44 中仍然运行得非常快(全部在 Windows 7 上进行了测试)

请参阅以下 jsFiddle https://jsfiddle.net/7f7btvb6/3/的示例。

Tab1 和 Tab2 都设置了white-space: pre-wrap;word-break: break-all;属性。Tab1 有 20000 行短行,并且速度相当快(切换到它时只有轻微的延迟)。 Tab2 有 2000 行,但它们需要换行,这需要很长时间才能在 Chrome 中显示 - 在我的计算机上大约需要 30 秒。

Tab3 和 Tab4 与 Tab2 具有相同的数据,但在 Tab3 中white-space设置pre为而不是pre-wrap,而在 Tab4 中word-break未设置,并且这两个选项卡显示得相当快(在我的计算机上大约 1 秒)。

这是 Chrome 最新版本的问题,还是 …

html javascript css jquery google-chrome

5
推荐指数
1
解决办法
2044
查看次数

标签 统计

css ×1

google-chrome ×1

html ×1

javascript ×1

jquery ×1