美文网首页
图片比较大,父盒子比较小,图片超出父盒子,图片怎么自动缩放到父盒

图片比较大,父盒子比较小,图片超出父盒子,图片怎么自动缩放到父盒

作者: 三人成师 | 来源:发表于2018-12-18 22:34 被阅读0次

1、父盒子是行内块 ,父盒子给宽390px和高150px

2、父盒子里面装图片,图片高度500px 高300px

3、图片超出父盒子

解决方法:

给图片设置宽100%,高100% 就可以

相关文章

  • 图片比较大,父盒子比较小,图片超出父盒子,图片怎么自动缩放到父盒

    1、父盒子是行内块 ,父盒子给宽390px和高150px 2、父盒子里面装图片,图片高度500px 高300px ...

  • 补充

    如果图片超出父空间、想让图片居中 子绝父相 图片超出父空间如何让图片居中 1.设置父盒子为相对定位 子盒子绝对定位...

  • img图片实现垂直居中

    当我们插入的图片小于父盒子的时候,图片就会默认在左上角显示。 一、先给父盒子添加 text-aling:cento...

  • css_20 padding margin 问题

    1.7小知识(浮动的盒子相互影响) 浮动的盒子千万不要让他超出父盒子。 超出父盒子的部分会影响下面盒子中的浮动的子...

  • 移动端轮播图

    核心原理CSS1、width:100%是指当前盒子占父盒子的100%;2、图片盒子一定要加溢出隐藏,overflo...

  • flex布局

    flex子元素宽度或高度如果超过父级盒子宽度,子元素主轴方向的宽或高会被收缩会父级盒子中,不会超出父级盒子。 fl...

  • 清除浮动的方法

    浮动 盒子浮起来,不会占据原来的位置,若父盒子没有高度,则不会撑开父盒子,父盒 子高度为0。浮动可以让多个块级元素...

  • flutter 各种容器box, 有必要搞清楚

    ConstrainedBox 约束盒子 UnconstrainedBox 不约束盒子 子控件不能超出父控...

  • css外边距合并

    如果父盒子没有设置margin,子盒子设置了margin,那么外边距自动合并至父盒子 外边框合并,最后效果.par...

  • 关于清除浮动的四种方法

    浮动对页面的影响: 如果一个父盒子中有一个子盒子,并且父盒子没有设置高,子盒子在父盒子中进行了浮动,那么将来父盒子...

网友评论

      本文标题:图片比较大,父盒子比较小,图片超出父盒子,图片怎么自动缩放到父盒

      本文链接:https://www.haomeiwen.com/subject/vdvrkqtx.html