首页 HTML/CSS HTML之Img标签与其它标签之间存在的间隙问题解决方案

HTML之Img标签与其它标签之间存在的间隙问题解决方案

作者:胡同里的砖头 围观群众:1289 更新于:2013-12-19

 

这两天在psd to div+css的过程中,发现IE系的浏览器有一个比较奇怪的问题,上下两个相邻的div之中存在3px的缝隙,具体的描述如下:

上面的div:里面有一张图片

下面的div:使用的是背景,纵轴重复

具体如图所示:

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

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

 一般的块级元素诸如段落<p>、标题<h1><h2>...、列表<uL><ol><dl> 、表格<table>、表单<form>、DIV<div>和BODY<body>等元素。而内联元素则如: 表单元素<input>、超级链接<a>、图像<img>、<span> ........

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

 

<img src="images/menuImg.gif" style="display:block" />  

img标签上面加上display:block则可

  • 本文标题: HTML之Img标签与其它标签之间存在的间隙问题解决方案
  • 文章分类:【HTML/CSS】
  • 非特殊说明,本文版权归【胡同里的砖头】个人博客 所有,转载请注明出处.
留言评论
站点声明:
1、本站【胡同里的砖头】个人博客,借鉴网上一些博客模板,取其各优点模块自行拼装开发,本博客开发纯属个人爱好。
2、所有笔记提供给广大用户交流使用,可转载,可复制,纯个人开发所遇问题锦集记录使用
Copyright © huzlblog.com All Rights Reserved. 备案号:苏ICP备2021056683号-8