我需要帮助。有没有办法在css/scss中显示逆序列表?类似于下面的内容:
5. I am a list item.
4. I am a list item.
3. I am a list item.
2. I am a list item.
1. I am a list item.
发布于 2019-03-24 23:28:16
如果您想按降序而不是升序对列表进行排序:
快速回答:reversed="reversed"
。
请阅读下面的说明:
在以前的HTML版本中,实现这一点的唯一方法是在每个lielement上放置一个value属性,值依次递减。
<h3>Top 5 TV Series</h3>
<ol>
<li value="5">Friends
<li value="4">24
<li value="3">The Simpsons
<li value="2">Stargate Atlantis
<li value="1">Stargate SG-1
</ol>
这种方法的问题在于,手动指定每个值可能非常耗时,并且HTML 4.01或XHTML 1.0 Strict DOCTYPE中不允许使用value属性(尽管HTML 5修复了这个问题并允许使用value属性)。新标记非常简单:只需向ol元素添加一个反向属性,并可选地提供一个起始值。如果没有提供起始值,浏览器将对列表项的数量进行计数,并从该数字向下计数到1。
<h3>Greatest Movies Sagas of All Time</h3>
<ol reversed>
<li>Police Academy (Series)
<li>Harry Potter (Series)
<li>Back to the Future (Trilogy)
<li>Star Wars (Saga)
<li>The Lord of the Rings (Trilogy)
</ol>
由于列表中有5个列表项,因此列表将从5倒数到1。反转属性是一个布尔属性。在HTML语言中,这个值可以省略,但是在XHTML语言中,它需要写成: reversed="reversed“。
发布于 2018-07-26 04:11:25
查看此链接...你可以使用flex-direction: row-reverse;
https://stackoverflow.com/questions/25695000
复制相似问题