HTML之多個IMG標籤的間距

阿新 • • 發佈：2019-02-06

問題描述：

多個IMG標籤之間有間距，且IMG後跟的font標籤也有間距，如下程式碼為例：

<divid="lay1">
<imgsrc="../《JavaScript動態網頁設計經典例項教程》共給網上下載的程式碼/第7章 動態層/jian.gif">
<imgsrc="../《JavaScript動態網頁設計經典例項教程》共給網上下載的程式碼/第7章 動態層/fold_1.gif">
<font>
<ahref="javascript:showSub(1)">所有軟體</a>
</font>
<divid="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的效果）這裡寫圖片描述

HTML之多個IMG標籤的間距

問題描述：多個IMG標籤之間有間距，且IMG後跟的font標籤也有間距，如下程式碼為例：<divid="lay1"><imgsrc="../《JavaScript動態網頁設計經典例項教

前端之HTML-多個Img標籤之間的間隙處理方法

1.多個標籤寫在一行 <img src="1.jpg" height="100px"/><img src="1.jpg" height="100px"/> 2.將要閉合標籤

html之多行文本textarea 及下拉框select（12）

class tar value sel image 青島規範 input .post 1.多行文本多行文本使用textarea標簽，默認值需要寫在中間，和input標簽不同，name屬性用於後臺獲取數據（request.POST.get(meno)） <b

網站優化之meta，img標籤

<title></title>首頁建議使用公司名稱，其他頁面與內容相匹配，內容不同建議使用不同的標題 <meta name='"keywords" content="關鍵字1，關鍵詞2，..."> //為搜尋引擎提供關鍵字列表 <meta name=

一個頁面有多個script標籤時，執行順序

JavaScript直譯器在執行指令碼時，是按塊執行的。通俗地說，就是瀏覽器在解析HTML文件流時，如果遇到一個script標籤，則JavaScript直譯器會等到這個程式碼塊都載入完成後，先對程式碼塊進行預編譯，然後再執行。執行完畢後，瀏覽器會繼續解析下面的HTML文件流，同時JavaSc

jquery實現同時展示多個tab標籤+左右箭頭實現來回滾動（美化版增加刪除按鈕）

閒聊前段時間小穎分享了：jquery實現同時展示多個tab標籤+左右箭頭實現來回滾動文章，引入專案後，我們的組長說樣子太醜了，小穎覺得還好啊，要不大家評評理，看下醜不醜？無圖無真相，來上圖：

如何在JSP中獲取html中多個複選框中的內容

html中複選框的程式碼愛好：看書 <input type="checkbox" name="userHobby" id="checkbox" value="Read"/> <label for="checkbox"></label> 打球

Vue之多個router-view應用

在App.vue新增兩個router-view，使用name屬性指定物件的頁面 <template> <div id="root"> <div> <router-link to="/home">首頁

SpringBoot-配置檔案詳解之多個配置檔案

在現實的開發環境中，我們需要不同的配置環境。比如開發環境用於開發，測試環境用於測試，預生產環境用於釋出測試。那麼對於多個環境的配置檔案，其檔案格式為：application-{profile}.properties，其中{profile}對應我們的環境標識。比如我們這裡定義了

HTML列印多個指定區域的內容

第一部分內容 第二部分內容 :開始位置 &l

【 FPGA 】FIR濾波器之多個係數集問題以及使用非整數實數的係數規範問題

多個係數集對於多係數過濾器，單個.coe檔案用於指定係數集。每個係數集應附加到前一組係數。例如，如果設計了一個2係數集，10抽頭對稱濾波器，係數集＃0為：coefdata = -1，-2，-3,4,5,5,4，-3，-2 ，-1; 和係數集＃1是： coef

ElementUI使用採坑之多個Popover

問題描述使用ElementUI的Popover，當存在多個Popover時，點選確定或者取消該over不消失的問題如下圖： <el-popover placement="top" width="160" v-model="tipVisibles[in

html autocomplete 多個引數切換

<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>自助搜尋</title> <lin

Jenkins中使用Git和Maven之多個專案

1.應用Aggregation管理多個子專案Maven中有一個Aggregation（聚合），可以將多個專案作為模組新增到一個pom.xml中，然後告訴Jenkins這個頂層pom.xml，就可以自動從Git中拿出這些專案的原始碼，並build所有的子專案和執行相應的測試程式。

react-native多圖上傳 react-native-image-picker圖片上傳之多個上傳圖片

話不多說直接貼程式碼, 如有疑問下方留言或者發郵箱引入需要的元件 import ImagePicker2 from 'react-native-image-picker'; import RNHeicConverter from 'react-native

迴圈獲取多個input標籤的值

javascript/HTML實現多個text控制元件自動/動態計算總數

<html><head><title>untitled</title><style type="text/css"> input {width: 40px;} </style><script typ

springboot之多個filter的執行順序以及配置

當專案中有多個filter時，為了便於管理，可以建立一個配置檔案，對所有的filter進行管理。有的方法可能同時需要多個filter依次對其進行過濾，這時候便需要對filter的執行進行優先順序的排序。如下：新建一個配置檔案ComponentFilterOrderConfig

vue實現點選多個tab標籤開啟關閉多個頁面

需求:現將頁面分為Header LeftSideBar Main三大模組左側LeftSideBar為menu選單，點選選單每一項，在Main中出現上部為tag標籤，下部為內容可開啟多個tag標籤，可內容切換，可關閉效果圖 1.router.js中（在Left

java併發-多執行緒之多個執行緒之間共享資料（6）

多執行緒共享資料的方式： 1，如果每個執行緒執行的程式碼相同，可以使用同一個Runnable物件，這個Runnable物件中有那個共享資料，例如，賣票系統就可以這麼做。 2，如果每個執行緒執行的程式碼不同，這時候需要用不同的Runnable物件，例如，設計4個執行緒

HTML之多個IMG標籤的間距

相關推薦