img内联块元素的操作

2019独角兽企业重金招聘Python工程师标准>>>

<img>是内联块元素，所以在一个父元素(块)里面添加图片的时候，首先要把图片转化为块display:block,避免与父元素下边出现默认的空白间隔。

同时-

如果设定一个imgboxs盒子的宽度是900像素，而每个img图片的宽度是300.正常逻辑放3张图片应该是一行显示。但是结果却是第三张图片被挤了下来。原因是:因为img标签是行联块元素，图片与图片之间也会有默认的空白区域。

解决办法:给每个图片都加向左浮动，float:left.打破默认的空白区域。就能在一行显示了。

转载于:https://my.oschina.net/yanyaya/blog/710237