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

Question

大家好，所有使用推特引导程序的人：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 和检查器在不接触 .thumbnail 的情况下调整 img.tagline-img 中的宽度，这似乎避免了溢出到右列。

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