Chrome从右至左段落的问题

问题描述 投票:0回答:1

我最近开始注意到这个Chrome问题:从右至左div内的表格单元格内的某些段落-[[randomly从左至右显示。服务器速度越慢,发生的时间就越多(我无法在本地重现该问题),并且有问题的段落会在刷新页面时发生变化。

这里是演示此问题的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

html google-chrome right-to-left packet paragraph
1个回答
0
投票
经过几天的努力,我发现了一个[[解决方法,方法是在加载所有内容后在本地刷新所有段落:

<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>

© www.soinside.com 2019 - 2024. All rights reserved.