首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何在HTML中显示逆序列表?

如何在HTML中显示逆序列表?
EN

Stack Overflow用户
提问于 2014-09-06 06:52:46
回答 2查看 64.3K关注 0票数 47

我需要帮助。有没有办法在css/scss中显示逆序列表?类似于下面的内容:

代码语言:javascript
复制
  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.
EN

回答 2

Stack Overflow用户

发布于 2019-03-24 23:28:16

如果您想按降序而不是升序对列表进行排序:

快速回答:reversed="reversed"

请阅读下面的说明:

在以前的HTML版本中,实现这一点的唯一方法是在每个lielement上放置一个value属性,值依次递减。

代码语言:javascript
复制
<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。

代码语言:javascript
复制
<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“。

来源:https://dzone.com/articles/html-5-reverse-ordered-lists

票数 1
EN

Stack Overflow用户

发布于 2018-07-26 04:11:25

查看此链接...你可以使用flex-direction: row-reverse;

enter link description here

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/25695000

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档