我有一个带有可变元素数的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;
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。