CSS怎么控制DIV里图片的宽度

发布时间:2022-03-04 17:02:22 作者:iii
来源:亿速云 阅读:251

今天小编给大家分享一下CSS怎么控制DIV里图片的宽度的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。

在流体图片列表中常常遇见CSS控制好DIV里图片宽度,图片高度自适比例缩放布局,其实这样的布局并非像的那么复杂,不要考虑CSS控制高度即是最好的布局。

CSS怎么控制DIV里图片的宽度

当遇到这样的DIV CSS布局时候,其实非常简单,我们只需要对图片宽度进行控制,而图片高度不用设置即图片高度会自动适应缩放比例(不设置高度即高度值默认为auto自适应)。

如上图,加入一个CSS命名为“.imgbox”的DIV盒子里图片宽度为252px,这个时候对应如何写CSS让对象里图片高度自动根据宽度缩放比例:

.imgbox img{width:252px}

就这样简单CSS选择器即可控制DIV盒子“.imgbox”里图片宽度,而没有设置CSS高度(height)样式,这样默认图片就会自适应宽度等比例缩放了。

以上就是“CSS怎么控制DIV里图片的宽度”这篇文章的所有内容,感谢各位的阅读!相信大家阅读完这篇文章都有很大的收获,小编每天都会为大家更新不同的知识,如果还想学习更多的知识,请关注亿速云行业资讯频道。

推荐阅读:
  1. css怎么获取图片的宽度
  2. css如何定义div的宽度和高度

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

div css

上一篇:css怎么实现鼠标经过文字背景颜色或图片发生变化

下一篇:怎么实现多个DIV顺序重叠加

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》