铬的超级慢渲染

Question

为什么这么慢？

https://jsfiddle.net/g3xf5hyy/

在IEa和Firefox中，它的工作速度非常快。

  .xxx {
    padding: 6px;
    border: 1px solid silver;
    background-color: #f7f7f7;
    color: #333;
    max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
    word-wrap: break-word;
    word-break: break-all;
    overflow-wrap: break-word;
  }





<div>


  <div>

    <div>

      <div class="xxx">
very-long-line-without-any-line-breaks-thousands-of-chars
    </div>


  </div>
</div>
</div>

Answer 1

这是一个有趣的问题，我一定会试图找到根本原因。 由于你班级的css低于

，它的速度很慢

     word-break: break-all;

从CSS中删除它，它会正常工作。

https://jsfiddle.net/g3xf5hyy/2/