Chrome从右到左段落的问题答案

【问题标题】：Problem with Chrome Right-To-Left ParagraphsChrome从右到左段落的问题
【发布时间】：2019-12-06 08:16:38
【问题描述】：

我最近开始注意到这个 Chrome 问题：在从右到左的 div 中的表格单元格内的某些段落 - 是随机从左到 - 显示的正确的。服务器越慢，发生的越多（我无法在本地重现问题），并且刷新页面时有问题的段落会发生变化。

这里有一段 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 （别忘了刷新几次）

有什么解决办法吗？

已编辑：

问题是可重现的。您仍然需要一个服务器（可能是本地的），并且您可以通过使用“开发者工具”（F12）在“网络”选项卡/“在线”子中创建和使用“油门”来设置 Chrome 以模拟慢速连接-tab（例如，30 Kb/s，0 延迟）。

也不需要 HTML“表格”。

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

【问题讨论】：

无法重现问题
对我有用（即，我可以看到问题）- 尝试刷新并滚动整个页面，多次...
我在切换到较慢的 wifi 网络时看到了它。太疯狂了。您是否尝试过使用 html 属性 dir="rtl" 而不是 direction css 属性？我怀疑这会解决它，但也许值得一试。是只在表格单元格中还是其他嵌套元素也会这样做？
是的，我试过了，但没有帮助。实际上我原来的问题更糟：我的实际网站中有希伯来语（并且必须有表格），而且随机的从左到右的段落也颠倒了单词中的字母顺序，这使得它不可读。
我已经用更多信息编辑了原始帖子。

标签： html google-chrome right-to-left packet paragraph

【解决方案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>

【讨论】：

是的，我注意到刷新可以解决问题，大多数时候...