从下到上包裹 HTML 元素答案

【问题标题】：Wrap HTML elements bottom to top从下到上包裹 HTML 元素
【发布时间】：2015-01-29 03:28:59
【问题描述】：

是否可以通过 HTML / CSS 在容器底部显示一行元素，如果容器变小，这些元素会向上包裹？就像我们从一页的底部开始写，然后继续写在已经写好的行之上。

元素不必是内联文本的单词，例如通过float:left; 放置文本的 SPAN 或 DIV 等元素的集合也可以。

【问题讨论】：

类似jsfiddle.net/zztRh ?
stackoverflow.com/questions/20644178/…的可能重复

【解决方案1】：

也许使用 min-height 这样盒子会向上扩展：

#container{
     position:relative;
     width: 300px;
     height: 200px;
     background: #f90;  
}      
#text-container{
    position: absolute;
    bottom: 0;
    width: 300px;
    min-height: 10%;
    background: #f00;        
}

http://jsfiddle.net/grainne/DD7dG/32/

【讨论】：

从给定位置向上扩展整个块，但不会自下而上包装它的内容。这个想法是任何额外的文本行都附加到顶部而不是底部。
@dronus - 你需要使用 javascript 来获得这个效果。

【解决方案2】：

我不这么认为。事实上，仅仅有一些“底部对齐”就已经很重要了。有一些“足够接近”的解决方法，但没有什么是真正的“垂直对齐：底部”。具有此类元素的网站上的示例总是被证明是一堆 JavaScript。

Basically, many others have tried to deal with this issue before.

【讨论】：