问题描述:
多个IMG标签之间有间距,且IMG后跟的font标签也有间距,如下代码为例:
<div id="lay1">
<img src="../《JavaScript动态网页设计经典实例教程》共给网上下载的代码/第7章 动态层/jian.gif">
<img src="../《JavaScript动态网页设计经典实例教程》共给网上下载的代码/第7章 动态层/fold_1.gif">
<font>
<a href="javascript:showSub(1)">所有软件</a>
</font>
<div id="subLay1"></div>
</div>
效果如图所示:
各标签之间存在明显间隙,
但是用JS动态在lay1中插入img标签就不存在这个问题
代码如下:
lay1.insertAdjacentHTML('AfterBegin','<img src="../《JavaScript动态网页设计经典实例教程》共给网上下载的代码/第7章 动态层/jian.gif"><img src="../《JavaScript动态网页设计经典实例教程》共给网上下载的代码/第7章 动态层/fold_1.gif"><font><a href="JavaScript:showSub(1)">所有软件</a></font><div id=subLay1></div></div>');
效果对比如下:(上面为JS添加的效果,下面为HTML的效果)
解决方案:
这是由IMG标签之间的空白引起的,
去掉空白两个IMG的空白,如下所示:
<div id=“lay2”>
<img src="../《JavaScript动态网页设计经典实例教程》共给网上下载的代码/第7章 动态层/jian.gif">
<img src=“../《JavaScript动态网页设计经典实例教程》共给网上下载的代码/第7章 动态层/fold_1.gif”><font>
<a href=“javascript:showSub(1)”>所有软件</a></font><div id="subLay1"></div>
</div>
效果对比如下:
(上面为lay1的效果,下面为lay2的效果)