不按順序沖洗HTML

是否有可能按順序沖洗html並讓瀏覽器按順序顯示內容？我知道我可以在客戶端使用JS，但是可以用CSS來做到這一點嗎？不按順序沖洗HTML

例如，如果我的HTML最終被刷新順序爲：

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

有任何CSS我可能在的地方，以便在頁面上顯示的HTML是：

來源

2015-01-15 lots_of_questions

您可以使用表格作爲一個可能的解決方案：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是要走的路

希望這有助於！

來源

2015-01-15 15:35:00 indubitablee

「顯示」值甚至可以降低到IE8！ – ajp15243 2015-01-15 15:37:36

是的，他也可以使用這個定位，但我認爲這是無稽之談。你只能對3個部分進行排序，並且有更多的標記，然後在示例中給出。 – roNn23 2015-01-15 15:51:05

無。你只需要使用JS或任何其他編程語言來做到這一點，因爲CSS是用於結構的樣式/觸覺和HTML。

來源

2015-01-15 15:28:01 roNn23

不按順序沖洗HTML

回答

相關問題