Html 如何按特定顺序对齐列表元素

Html 如何按特定顺序对齐列表元素,html,css,Html,Css,这是一个简单的问题,但我似乎被卡住了。我试图按照特定的顺序对齐列表元素,该顺序仅受其父元素高度的限制 例如: 因此,我尝试将项目的顺序改为垂直,而不是水平-现在顺序是: 1 2 3 我正在尝试将其更改为: 1 3 2 诀窍是不使用JavaScript或CSS3(它应该与较旧的浏览器兼容)。太好了。没有JavaScript和CSS3?这可以通过以下两种方式轻松实现: 柔性箱 纵队 我可以举两个例子: 。示例列表{ 列表样式:无; 填充:0; 保证金:0; 宽度:120px;

这是一个简单的问题,但我似乎被卡住了。我试图按照特定的顺序对齐列表元素,该顺序仅受其父元素高度的限制

例如:

因此,我尝试将项目的顺序改为垂直,而不是水平-现在顺序是:

1   2

3
我正在尝试将其更改为:

1   3

2

诀窍是不使用JavaScript或CSS3(它应该与较旧的浏览器兼容)。

太好了。没有JavaScript和CSS3?这可以通过以下两种方式轻松实现:

  • 柔性箱
  • 纵队
我可以举两个例子:

。示例列表{
列表样式:无;
填充:0;
保证金:0;
宽度:120px;
-webkit列数:2;
-moz列数:2;
-o列计数:2;
列数:2;
}
.示例列表李{
显示:内联块;
背景:红色;
填充:20px;
保证金:5px;
颜色:#FFF;
浮动:左
}
  • 一,
  • 二,
  • 三,

在IE9中不支持Flexbox和列。如果添加更多元素会怎么样?“这就失败了。”杰伊添加了一个预览。@dark4p是的,我刚才说过。我找不到更好的解决办法。无论如何都会尝试。@Sahil这怎么会失败?为您添加预览。