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

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

创新互联公司于2013年开始，先为姜堰等服务建站，姜堰等地企业，进行企业商务咨询服务。为姜堰企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

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

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

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

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

.imgbox img{width:252px}

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

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

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容