2015-01-15 71 views
0

是否有可能按顺序冲洗html并让浏览器按顺序显示内容?我知道我可以在客户端使用JS,但是可以用CSS来做到这一点吗?不按顺序冲洗HTML

例如,如果我的HTML最终被刷新顺序为:

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

有任何CSS我可能在的地方,以便在页面上显示的HTML是:

1 
2 
3 
4 

回答

2

您可以使用表格作为一个可能的解决方案: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是要走的路

希望这有助于!

+0

“显示”值甚至可以降低到IE8! – ajp15243 2015-01-15 15:37:36

+0

是的,他也可以使用这个定位,但我认为这是无稽之谈。你只能对3个部分进行排序,并且有更多的标记,然后在示例中给出。 – roNn23 2015-01-15 15:51:05

1

无。你只需要使用JS或任何其他编程语言来做到这一点,因为CSS是用于结构的样式/触觉和HTML。