OoaYosoO
OoaYosoO
2013-12-25 17:32
浏览 919
已采纳

图片在固定div组中自适应并撑满div格如何实现(内详)?

标题可能描述不太清除,这里详细说明:
前置1:图片来源于用户,大小不确定,宽高比不确定
前置2:一块固定的div缩略去显示1-9张图片,外层div格式固定,1-9张图片的格子div划分也固定(9张图片的时候类似九宫格)。

  如果我图片按照宽度去等比缩放,溢出的高度通过css overflow:hidden去隐藏,部分图片可以达到效果.宽度既全部压缩,高度只显示部分,无变形。
  问题来了:
  但是有部分图片因为高度随着适应宽度进行等比缩放,缩放后的高度已经无法撑满显示这张图片的div.就会留白...在显示上比较丑陋,高度层次不齐.个人感觉应该将图片适量扩大到显示这张图片的div高度,再hidden溢出的部分,但是不知道如何实现,衷心求解答!
  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

2条回答 默认 最新

  • haishiyiynag
    haishiyiynag 2013-12-26 10:38
    已采纳

    刚自己做了一个,你可以设置图片的宽度和高度都为100%就行了

    点赞 评论
  • haishiyiynag
    haishiyiynag 2013-12-26 10:26

    我觉得你的div已经设定大小了。那不如也给你的图片固定宽度和高度

    点赞 评论

相关推荐