请输入搜索关键字!

图片高度超出div怎样隐藏掉超出的部分

游龙模板网(www.crjwz.com) | 2020-03-11 19:07 | 关注:170 我要投稿

摘要: 织梦建站 响应式 设计,有时 图片 会超出高度,显得错乱不堪入目,如下图: 是不是很难看呢,总不能每次发布文章都要先将图片设置成一样大小吧,如果将图片的尺寸写死的话,就会出现图...

织梦建站响应式设计,有时图片会超出高度,显得错乱不堪入目,如下图:

图片高度超出div怎样隐藏掉超出的部分(www.crjwz.com)

是不是很难看呢,总不能每次发布文章都要先将图片设置成一样大小吧,如果将图片的尺寸写死的话,就会出现图片变形的情况,在不影响美观的情况下,怎样将超出的部分隐藏起来呢?
方法很简单,设置高度,再给一个属性就可以了,比如:style="height:220px; overflow:hidden;",高度设置成你想要的尺寸就可以了,我这里设置的是220px,来看效果如何

图片高度超出div怎样隐藏掉超出的部分(www.crjwz.com)

本文永久链接地址:http://www.crjwz.com/article/953.html
精品源码
视觉焦点
网友跟帖

共有 条评论

    推荐文章

    自适应网站与响应式网站有什么区别?

    新网站怎样做SEO优化?

    怎样建营销型网站?都具备什么样的特征

    怎样才能把网站关键词排名做到首页?

    网站做的SEO总没效果是什么原因

    相关文章

    联系我们

    • 游龙模板公众号
      全面掌握电商一手资讯

    • 游龙模板服务号
      精彩活动,推送提醒

    垂询热线:189-5250-0766

    合作投稿:1845609988@qq.com

    扬州市宝应县泰山西路乐意楼

    备案号:苏ICP备15018259号-2