Question

是否可以按顺序刷新html并使浏览器按顺序显示内容？我知道我可能在客户端利用JS，但是只用CSS来实现这个吗？

例如，如果我的html最终按顺序刷新：

<html><body>
  <div>3</div>
  <div>1</div>
  <div>4</div>
  <div>2</div>      
</body></html>

我可以使用任何CSS，因此页面上显示的html是：

Answer 1

您可以使用表作为可能的解决方案：http://jsfiddle.net/UJWP4/37/

<div class="wrapper">
    <div class="bottom">
        <div class="block">3</div>
    </div>
    <div class="top">
        <div class="block">1</div>
    </div>
    <div class="middle">
        <div class="block">2</div>
    </div>
</div>

.wrapper {
    display: table; 
    width: 100%; 
}
.top {
    display: table-header-group; 
}
.bottom {
    display: table-footer-group;
}
.middle{
    display:table-row-group;
}

然而，这可能限制在3个部分，除非你可以摆弄它并获得更多的应用。除此之外，我认为js是要走的路

希望这有帮助！

Answer 2

没有。您只需使用JS或任何其他编程语言来执行此操作，因为CSS用于样式/触觉和HTML结构。

刷新HTML乱序

2 个答案: