html – 从下到上渲染元素

前端之家收集整理的这篇文章主要介绍了html – 从下到上渲染元素前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

x – 代表列表的元素

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

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

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

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

可能吗?

这是一些示例代码

@H_403_9@

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

最佳答案
@H_403_9@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

原文链接:https://www.f2er.com/css/427552.html

猜你在找的CSS相关文章