我最近开始注意到这个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>
<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>