加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 资源网站 > 资源 > 正文

如何在HTML中显示反序列表?

发布时间:2020-12-14 21:41:16 所属栏目:资源 来源:网络整理
导读:我需要你快速的帮助。有没有办法在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. 解决方法 您可以旋转父元素180deg,然后旋转子元素-180deg。 ul { t
我需要你快速的帮助。有没有办法在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.

解决方法

您可以旋转父元素180deg,然后旋转子元素-180deg。
ul {
    transform: rotate(180deg);
}
ul > li {
    transform: rotate(-180deg);
}

Example Here

或者,您可以使用弹性框和order property.

虽然这不是在技术上逆转顺序,您也可以使用counter-increment以及伪装元素。

Example Here

ul {
    list-style-type:none;
    counter-reset:item 6;
}
ul > li {
    counter-increment:item -1;
}
ul > li:after {
    content: counter(item);
}

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读