【原創】單純圖片網頁編輯的兩種方法之代碼比較//梅竹贈給好友存記

第一:把每張圖片放在透明表格里(圖片默認居左,在修改狀態下,這表格會看的明顯)

此種編輯代碼<br><table><tbody><tr><td width_="670px" style="position: relative;"><table align="center" cellspacing="0" width_="10" cellpadding="0" class="nephotimgdiv"><tbody><tr><td><img style="MAX-WIDTH: 720px;width: (this.width > 720 &amp;&amp; this.width >= this.height ? 720 : true);" src="https://www.getit01.com/getimg_360.php?url=http://image76.360doc.com/DownloadImg/2014/07/1620/43473104_1.jpg"></td></tr></tbody></table><div>&nbsp;</div><table align="center" cellspacing="0" width_="10" cellpadding="0" class="nephotimgdiv"><tbody><tr><td><img style="MAX-WIDTH: 720px;width: (this.width > 720 &amp;&amp; this.width >= this.height ? 720 : true);" src="https://www.getit01.com/getimg_360.php?url=http://image76.360doc.com/DownloadImg/2014/07/1620/43473104_2.jpg"></td></tr></tbody></table><div>&nbsp;</div><table align="center" cellspacing="0" width_="10" cellpadding="0" class="nephotimgdiv"><tbody><tr><td><img style="MAX-WIDTH: 720px;width: (this.width > 720 &amp;&amp; this.width >= this.height ? 720 : true);" src="https://www.getit01.com/getimg_360.php?url=http://image76.360doc.com/DownloadImg/2014/07/1620/43473104_3.jpg"></td></tr></tbody></table><div>&nbsp;</div><table align="center" cellspacing="0" width_="10" cellpadding="0" class="nephotimgdiv"><tbody><tr><td><img style="MAX-WIDTH: 720px;width: (this.width > 720 &amp;&amp; this.width >= this.height ? 720 : true);" src="https://www.getit01.com/getimg_360.php?url=http://image76.360doc.com/DownloadImg/2014/07/1620/43473104_4.jpg"></td></tr></tbody></table><div>&nbsp;</div><table align="center" cellspacing="0" width_="10" cellpadding="0" class="nephotimgdiv"><tbody><tr><td><img style="MAX-WIDTH: 720px;width: (this.width > 720 &amp;&amp; this.width >= this.height ? 720 : true);" src="https://www.getit01.com/getimg_360.php?url=http://image76.360doc.com/DownloadImg/2014/07/1620/43473104_5.jpg"></td></tr></tbody></table><div>&nbsp;</div></td></tr></tbody></table>第二:不加透明表格(圖片默認居左;在修改狀態你會看見沒有表格)

第二種編輯代碼<br><div><img src="https://www.getit01.com/getimg_360.php?url=http://image76.360doc.com/DownloadImg/2014/07/1620/43473104_1.jpg"></div><div>&nbsp;</div><div><img src="https://www.getit01.com/getimg_360.php?url=http://image76.360doc.com/DownloadImg/2014/07/1620/43473104_2.jpg"></div><div>&nbsp;</div><div><img src="https://www.getit01.com/getimg_360.php?url=http://image76.360doc.com/DownloadImg/2014/07/1620/43473104_3.jpg"></div><div>&nbsp;</div><div><img src="https://www.getit01.com/getimg_360.php?url=http://image76.360doc.com/DownloadImg/2014/07/1620/43473104_4.jpg"></div><div>&nbsp;</div><div><img src="https://www.getit01.com/getimg_360.php?url=http://image76.360doc.com/DownloadImg/2014/07/1620/43473104_5.jpg"></div><br>《梅竹音樂底欄延後再加水波,落花,蜻蜓蝴蝶等特效 不太美觀,好友體諒吧 ,太忙啦。》


推薦閱讀:

你若眼熟,真的純屬巧合。
webpack4.x多頁面配置
AI 代碼長啥樣?
添加「為您服務」代碼 -
「熊貓姓氏」,別緻的中華文化代碼

TAG:圖片 | 代碼 | 方法 | 原創 | 比較 | 編輯 | 單純 | 網頁 | 網頁編輯 | 好友 |