如何防止css布局颠簸

Question

问题如图：整个Tab内容通过ajax填充，出现了原始的样式（最明显的是li前的小黑点），请问如何防止这种情况出现？
理想情况是整个Tab在被渲染完毕之前不会显示，会不会与页面加载的css的文件大小有关（文件太大导致渲染速度下降）？

Answer 1

泻药！只要css文件比js文件更早加载进来，几乎就不会出现这样的情况。

因此从来没有遇到过这样的问题，除非网速超级慢的情况下。

因为不清楚你具体是怎么实现的，所以没办法给出建议。

Answer 2

这样的现象。应该只在理论中存在才对啊。现代浏览器都能做好平滑处理的。

Answer 3

按道理来说，如果你先加载样式的话，就算你ajax加载出来的东西也会被加载样式修饰，除非你这个样式也是通过异步加载进来的。。

Answer 4

泻药，从没碰到这样的问题。
理论上也不会碰到这样的问题才对。
看你发的图，应该是html比样式先加载了。
优先加载样式文件试试？

Answer 5

如果你的样式也是异步加载进来的话，可以判断下样式表是否加载成功，确认加载成功再输出html即可解决这个问题