Chrome 从右到左的段落有问题

Question

我最近开始注意到这个 Chrome 问题：从右到左 [=48] 的 table 单元格内的某些段落=] - 随机从左到右显示。服务器越慢越多（我本地无法重现问题），刷新页面时有问题的段落变了。

这里有一段 HTML 演示了这个问题：

<html>
  <body>
    <div style="direction:rtl;">
      <table><tr><td>

<p>
long paragraph
</p><p>
another long paragraph
</p><p>
 . . .
 . . .
</p><p>
last long paragraph
</p>

      </td></tr></table>
    </div>
  </body>
</html>

您可以在此处观看现场演示： http://gioms.com/zzztest.html （别忘了多刷新几次）

有什么解决办法吗？

已编辑：

问题可重现。你仍然需要一个服务器（可能是本地的），你可以设置 Chrome 来模拟慢速连接，方法是使用 "Developer tools" (F12) 在 "Network" 选项卡/"Online" 子选项卡（例如，30 Kb/s，延迟为 0）。

也不需要 HTML "table".

显然问题出现在数据包边界的段落中。请参阅 https://youtu.be/RG8uO0OqUnY 观看捕捉该现象的视频。

Answer 1

经过几天的努力，我找到了 解决方法，方法是在加载所有内容后在本地刷新所有段落：

<html>
  <head>
    <script>
    function refreshParagraphs() {
      var paragrahpContent;
      var paragraphs = document.getElementsByTagName("P");
      for (i = 0; i < paragraphs.length; i++) {
        paragrahpContent = paragraphs[i].innerHTML;
        paragraphs[i].innerHTML = paragrahpContent;
      }
    }
    </script>
  </head>
  <body onload="refreshParagraphs();">
    <div style="direction:rtl;">

<p>
long paragraph
</p><p>
another long paragraph
</p><p>
 . . .
 . . .
</p><p>
last long paragraph
</p>

    </div>
  </body>
</html>

Chrome 从右到左的段落有问题

Problem with Chrome Right-To-Left Paragraphs

html

google-chrome

packet

paragraph

right-to-left