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这怎么会失败?为您添加预览。