html – 从下到上渲染元素

我有一个带有可变元素数的ul.如果li太宽,列表无法在单行处理它们,则会断开该行并开始在较低的行上呈现li,所以我得到这样的结果：

x – 代表列表的元素

| – 代表列表边界,或限制列表宽度的任何内容

|xxxxxxxxx|<- elements reached the end of container and remaining elements will be rendered below
|xxxx     |

我需要的是将元素渲染到底部,这样我才能得到：

|xxxx     |
|xxxxxxxxx|<- elements reached the end of container and remaining elements will be rendered above

可能吗？

这是一些示例代码

目前,它是无CSS的.我可以添加您建议的任何内容以使其呈现最低顺序.像浮动：底部的东西,遗憾的是不存在.

最佳答案

ul,ul li {
-webkit-transform: scaleY(-1);
   -moz-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
     -o-transform: scaleY(-1);
        transform: scaleY(-1);

}
ul {
    width: 350px;
}
 li {
    display: inline-block;
    width: 70px;
    zoom: 1;         
    *display: inline;
}

来源：Bottom to top