html - 如何将 float 列表顺序水平更改为垂直

Question

<分区>

Answer 1

没有float: down;

可能的方式:

1。绝对定位
2。 Flexbox 列

ul{
   display: flex;
   flex-direction: column;
   flex-wrap: wrap;
  }

3。文本列:使元素内嵌 block 并使用 CSS3 文本列

ul{
   column-count: 2;
   column-gap: 0;
  }

li{
   display: inline-block;
  }

文本列在容器的宽度上均匀分布，因此如果您想非常具体地指定这些列的宽度，则必须具体指定容器的宽度。

这和 flexbox 之间的区别在于它会尝试将元素尽可能平均地拆分到列中。因此，如果您不想，则无需声明高度。本质上，它试图使其尽可能短。