铁路校友-我拆过的坑cycx

img{display:block;}与Img图片默认的3px空白缝隙解决方法以及display相关问题

1、为什么经常见img{display:block;}这种设置？

img{display:block;} 表示将img标签，即图片标签由行内元素变成一个块级元素。

一般在制作轮播网页或使用到img图片时，我们都会对图片设置img{display:bolck}。因为img图片下方会有一个3px的白色空隙产生，这样设置之后可以把img变为块级元素从而来消

1、每一个元素都有默认的display属性值，比如div元素，它的默认display属性值为“block”，成为“块级”元素(block-level)；而span元素的默认display属性值为“inline”，称为“行内”元素。

2、块级元素：占据一定矩形空间，可以通过设置高度、宽度、内外边距等属性，来调整的这个矩形；

     行内元素 ：自己的独立空间，它是依附于其他块级元素存在的，

作者:admin , 分类:未分类 , 浏览:344 , 评论:0