具有固定大小和滚动条的Bootstrap缩略图

时间:2015-06-11 16:42:47

标签: css twitter-bootstrap

我允许用户上传带有标题的图片并将其上传到自举缩略图内,问题是如果标题太长则会弄乱页面的外观。如何使缩略图处于固定大小,因此如果标题太长,我将有一个滚动条,显示标题的其余部分。 我试图添加滚动条,但它没有帮助。



app.use('/index', function(req, res){
    var getReq = http.request(options, function(res) {
    console.log('STATUS: ' + res.statusCode);
    console.log('HEADERS: ' + JSON.stringify(res.headers));
    res.setEncoding('utf8');
    res.on('data', function (chunk) {
      jsnArry += chunk; 
    });

     res.on('end', function (chunk) {
         res.body = jsnArry;   
     });
    });
//  res.sendFile(path.join(_dirname, '/html', 'index.html'));

});




1 个答案:

答案 0 :(得分:1)

将.caption设置为您喜欢的任何高度...如果它们都应该是相同的高度,则为最小高度。并且还添加overflow:hidden,这将阻止内容进一步扩展高度。

如果您不希望截断字幕,可以限制其后端(PHP?),或使用CSS省略号。