在屏幕上以相反順序顯示線條

說我有未知數量的文字行。例如：在屏幕上以相反順序顯示線條

<p>Line 1</p> 
<p>Line 2</p> 
<p>Line 3</p>

我想告訴他們在背面，因此：

Line 3 
Line 2 
Line 1

我不能使用JavaScript，CSS只。這可能嗎？

注意：我可能具有無限數量的行（這是一個內部Feed和新行可以隨時添加），並且正在尋找一種簡單的解決方案，不需要爲每個行創建唯一的CSS所以這裏建議的解決方案不起作用：Switching the order of block elements with CSS）。

這是一個內部系統，不需要很多兼容性。最近的Chrome/Firefox瀏覽器會這樣做。

來源

2015-03-19 user

沒有使用Javascript，可以改變HTML :-) [開關與CSS塊元素的順序]的 – stanze 2015-03-19 09:21:48

可能重複（HTTP ：//stackoverflow.com/questions/7425665/switching-the-order-of-block-elements-with-css） – 2015-03-19 09:23:37

這涉及到我的腦海：

<div class="upside-down"> 
    <p class="upside-down">Line 1</p> 
    <p class="upside-down">Line 2</p> 
    <p class="upside-down">Line 3</p> 
    ... 
    <p class="upside-down">Line N</p> 
</div>

CSS：

.upside-down { 
    -ms-transform: rotate(180deg); 
    -webkit-transform: rotate(180deg); 
    transform: rotate(180deg); 
}

來源

2015-03-19 09:35:19 Taras

在屏幕上以相反順序顯示線條

回答

相關問題