css - 如何让父级被子级撑起来?子级设定宽度。
本文介绍了css - 如何让父级被子级撑起来?子级设定宽度。的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
<div class="box">
<img src="image/1.jpg" height="" width="200" alt="">
<img src="image/2.jpg" height="" width="350" alt="">
<img src="image/3.jpg" height="" width="450" alt="">
<img src="image/4.jpg" height="" width="625" alt="">
</div>
如上面代码如果算出宽度总和再给.box设定一个宽度也可以,但是如果要修改img宽度,那么.box也要修改宽度,太麻烦了,有没有什么方法可以让.box自己被img撑起来,用js方法也行,当然html+css就能解决更好。
解决方案
给.box
加一个display: inline-block;
,使其变为行内级元素。
这篇关于css - 如何让父级被子级撑起来?子级设定宽度。的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文