css - 从下到上包裹 HTML 元素

Question

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

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

Answer 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/

Answer 2

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

基本上，许多其他人之前都尝试过处理这个问题。