twitter bootstrap,停止图像重叠文本?

时间:2013-06-07 18:51:01

标签: html css image twitter-bootstrap

大家都使用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;
}

1 个答案:

答案 0 :(得分:0)

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

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