css flexbox模型_使用CSS Flexbox反转元素顺序

css flexbox模型

CSS is becoming more and more powerful these days, almost to the point where the order of HTML elements output to the page no longer matters from a display standpoint -- CSS lets you do so much that almost any layout, large or small, is possible.  Semantics and accessibility aside, I was recently hoping to find out if you could render elements in reverse order using only CSS, since in previous years we'd need to shift the DOM around

如今，CSS变得越来越强大，从显示的角度来看，几乎不再需要将HTML元素输出到页面上的顺序了-CSS使您可以做很多事情，几乎可以进行任何大小的布局。 除了语义和可访问性之外，我最近希望找出是否可以仅使用CSS以相反的顺序呈现元素，因为在前几年中，我们需要将DOM转移

View Demo 观看演示

Let's assume we have the following HTML:

假设我们具有以下HTML：