twitter bootstrap，停止图像重叠文本？

Question

大家都使用twitters bootstrap：http://twitter.github.io/bootstrap/base-css.html#tables

我正在徘徊如何阻止这种情况发生：http://img823.imageshack.us/img823/6606/screenshotfrom201306071.png我希望图像只是在文本上方凸起，就像你不断缩小窗口一样。

链接：http://www.prxa.info/articles/category/1 用户：test.prxa。 通过：测试

我需要图像最多350像素，因为一些人物包含的图像非常庞大，必须调整大小以防止一切乱码。

这是缩略图区域和里面图片的自定义css：

.thumbnail
{
    width: 350px;
    height: 220px;
    display: table-cell; 
    vertical-align: middle;
}

img.tagline-img
{
    max-width: 350px;
    max-height: 220px;
}

Answer 1

我尝试使用chrome和inspector来修改img.tagline-img中的宽度而不触及.thumbnail，这似乎避免溢出到右列。

img.tagline-img {
    /*max-width: 350px;*/
    max-height: 220px;
 }