我以前从未见过这种情况，或者如果我见过，我也没有注意到它是如何完成的。
我想知道 HTML 和 CSS 是否有办法将元素堆叠起来，而不是像 display:inline 那样向下堆叠。几乎，当堆叠的元素到达行尾时，我想抵抗重力。
理想情况下，我只想使用 CSS 和 HTML。Javascript，如果需要的话，我认为它可能是。
-- 向上和更多 -->
问问题
176 次
3 回答
5
如果你翻转容器和孩子们，看起来孩子们正朝着相反的重力方向前进。
这是一个示例：
我在里面放了一个大盒子和很多小盒子。它们都float: left用于使元素从左到右，从上到下。
然后使用 CSS 变换翻转大盒子和所有小块：
-moz-transform: scale(-1);
-webkit-transform: scale(-1);
-o-transform: scale(-1);
-ms-transform: scale(-1);
transform: scale(-1);
对于 Internet Explorer，您可以使用过滤器！
filter: FlipH FlipV;
然后它看起来像这样：
于 2011-03-08T16:41:30.800 回答
1
您可以使用 jQuery insertBefore() 函数将元素添加到其他元素的“顶部”。
于 2011-03-08T14:19:53.020 回答
0
这不是一个非常优雅的解决方案，但您可以使用垫片<div>或图像填充该初始空间，并将所有内容推到右侧。当您添加或删除元素时，您将扩展或收缩 div 以使其保持对齐。
于 2011-03-08T14:43:50.543 回答