颠倒div的孩子的顺序 [英] reverse the order of div's children

查看：123 发布时间：2020/10/12 0:52:33 html css

本文介绍了颠倒div的孩子的顺序的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

如何使用纯CSS反转div子级的顺序？

How can you reverse the order of a div's children with pure CSS?

例如：

我要

<div id="parent">
    <div>A</div>
    <div>B</div>
    <div>C</div>
    <div>D</div>
</div>

显示为：

D

C

B

A

我在JSfiddle上创建了一个演示：
http://jsfiddle.net/E7cVs/2/

I've created a demo on JSfiddle: http://jsfiddle.net/E7cVs/2/

现代的答案是

#parent {
  display: flex;
  flex-direction: column-reverse;
}

这篇关于颠倒div的孩子的顺序的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！

查看全文

颠倒div的孩子的顺序 [英] reverse the order of div&#39;s children