Question

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

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

Answer 1

可能使用最小高度，因此框会向上扩展：

#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。

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

从底部到顶部包装HTML元素

2 个答案: