扩展父级的CSS停止跨度？

Question

我们使用twitter bootstrap缩略图。

我们在bootstrap文档中添加了与下面相同的说明。 区别在于我们的缩略图没有指定尺寸（文档使用.span4），而不是内容尺寸。

这很好，除了我们想要一个区别之外，我们不想要一个长的标题来扩展缩略图，而是我们想要额外的标题长度被隐藏。

这很容易，如果我们使用固定宽度的，但因为我们不是我不知道如何做到这一点;

这里是一个游乐场的jsfiddle：http://jsfiddle.net/BbCQK/

我想也许我可以只是做：

.caption { 
    max-width: 100%; 
    text-overflow: ellipses; 
} 

但是，这并不工作，它只是伸展的容器无论如何，所以我怎么能做到这一点？

Answer 1

明白了:)

绝对定位救援：http://jsfiddle.net/BbCQK/4/

a.thumbnail { 
    padding - bottom: 30px; 
    position: relative; 
}.thumbnail.caption { 
    overflow: hidden; 
    white - space: nowrap; 
    position: absolute; 
    padding: 0; 
    bottom: 4px; 
    left: 4px; 
    right: 4px; 
    text - overflow: ellipsis; 
}