Html 如何以相反的顺序放置一个包裹的行

|4|3|2|1|
|8|7|6|5|

|8|7|6|5|
|4|3|2|1|

ul {
  list-style: none;
  width: 208px;
  padding: 5px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse
}

li {
  min-width: 50px;
  height: 50px;
  text-align: center;
  border: 1px solid red;
  color: #FFF;
  background-color: #000;
}

<ul>
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li>4</li>
  <li>5</li>
  <li>6</li>
  <li>7</li>
  <li>8</li>
</ul>

ul{
  list-style: none;
  width: 208px;
  padding: 5px;
  display: flex;
  flex-wrap: wrap-reverse;
  flex-direction: row-reverse
}

li {
  min-width: 50px;
  height: 50px;
  text-align: center;
  border: 1px solid red;
  color: #FFF;
  background-color: #000;
}

<ul>
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li>4</li>
  <li>5</li>
  <li>6</li>
  <li>7</li>
  <li>8</li>
</ul>

Html相关问答推荐

从网络抓取中提取文本

我需要主页按钮出现在中间

在浮动元素旁边垂直居中

当使用浮动标签和大小时，如何在 Select 组件中有更多可见选项？

Angular /HTML5不会播放本地文件夹中的音频mpeg

在单独的容器之间堆叠上下文

如何在垂直堆叠的表格中调整人造列的大小？

有没有什么方法可以很容易地给一个SVG一个插框阴影？

默认情况下使用Disbale Scroll，但在单击图标后将其激活

Angular MatBadge 在高于 99 时不显示完整数字

无法在 CSS 中将 h1 标签居中

如何影响 HTML 元素的哪些子元素导致其增长，哪些不增长？

如何实现与内嵌图像对齐的自动换行？

如何在图片前面放置下拉框？

文本溢出：省略号不适用于 flexbox

如何从 razor 页面打开 html 页面

Bootstrap 5 英雄

使用 CSS 样式化进度条

将固定/绝对伪元素放置在相对 div(具有滚动条)内，始终位于底部

我可以将两个元素之间的所有空间都放在弹性框或网格中吗？