用随机数字填充浏览器窗口

Question

我想用随机数字填充网页中的可见窗口.我目前正在尝试这样做的方式首先涉及一长串随机数字,然后在div上使用以下属性:

 #mydiv{
      font-family: "Inconsolata", monospace;
      word-break: break-all;
      font-size: 3em;
      color: #202020;
      height: 100%;
      width: 100%;
      overflow-y:hidden;
      }

https://jsfiddle.net/4ztpbnm0/1/

它在Chrome上运行(ish),但在调整浏览器窗口大小后需要非常明显的时间来重排.有没有办法使这个无缝？

Answer 1

用overflow-wrap: break-word而不是word-break: break-all.

https://jsfiddle.net/746g71wb/

word-wrap最近被重命名为overflow-wrap,所以为了支持其他浏览器,您可能需要同时指定:

word-wrap: break-word;
overflow-wrap: break-word;

可能相关的Chrome错误:https://bugs.chromium.org/p/chromium/issues/detail？ id = 591793