在屏幕上以相反顺序显示线条

说我有未知数量的文字行。例如：在屏幕上以相反顺序显示线条

<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

在屏幕上以相反顺序显示线条

回答

相关问题