关于div层的间隙, 还有img与div的间隙

今天遇到一个问题 就是上下两个层之间有空白间隙（层内放的是图片）

解决方法 找到上面的div中的图片代码所在位置，为其设定属性style="display:block"，问题解决。

或者img下边有div（中有图片）设置img（div上面的object）‍其设定属性style="display:block"，问题ok。

display:block 意思是：让对象成为块级元素(比如a，span等)。

一般的块级元素诸如段落<p>、标题<h1><h2>...、列 表<uL><ol><dl> 、表格<table>、表单<form>、DIV<div>和BODY<body>等元素。

而内联元素 则如: 表单元素<input>、超级链接<a>、图像<img>、<span> ........

块级无素的显著特点是：每个块级元素都是从一个新行开始显示，而且其后的无素也需另起一行进行显示。

 

 

<imgsrc="a.jpg"style="border-bottom:1px solid #000;"/>   <imgsrc="a.jpg"style="border-bottom:1px solid #000;display:block"/>   /*有间隙*/
 <p></p>  
<imgsrc="a.jpg"style="border-bottom:1px solid #000;display:block"/>   <imgsrc="a.jpg"style="border-bottom:1px solid #000;"/>   /*无间隙*/

 

显示效果对比：

 

posted @ 2015-03-23 16:31  Shimily  阅读(214)  评论(0)    收藏  举报