仅在父div正确加载后才加载div

Question

我正在为现有的基于PHP的系统开发。

我正在尝试加载这段代码

<div style="border:1px solid #000000;height:20px;">
    <marquee>This is some scrolling text<br>more text<br>more text</marquee>
</div>

问题是，一瞬间，当访问者加载页面时，他会看到整个<marquee>内容，并且只有在一秒之后，父div加载并使<marquee>适合于有界div。

我该如何避免这种情况？

注意：我不能使用jQuery，因为它与加载到该页面的许多其他加载的js文件冲突（即使使用jQuery.noconflict（））。

Answer 1

注意：我还不能留下评论......

您可以尝试将样式直接放在选框中吗？

<marquee style="border:1px solid;height:20px;">text</marquee>

和以前的评论者说的一样，不建议使用选框（大部分时间都很烦人）

Answer 2

针对这些案例的q＆amp; d解决方案 - 我并不是说它对你的最好，或者特别优雅 - 是宣称具有可见性的选框：隐藏并在页面末尾用脚本取消隐藏，或者在你拥有的任何onload codd的最后。如果它仍然过早隐藏，请在setTimeout（function（）{...}）中包含无遮挡的代码。这通常会强制浏览器在运行代码之前进行布局。