html - CSS停止扩展父级的跨度？

Question

我们正在使用 twitter 引导缩略图。

我们在下面添加与引导文档相同的描述。不同之处在于我们的缩略图上没有指定大小（文档使用.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;
}