html - 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;
 }