之前博文：HTML布局排版2如何設置div總是相對於頁面居中 中是用div進行排版的，div是切了三條，頂部的圖片，下部的圖片，中間的平鋪條，中間的div不設高度，根據內容，該區域的大小不固定，便於后期增刪內容不用再改樣式。
前面的博文用div平鋪的，此外，用table也能實現這個效果，table需要注意要把td的padding清零，否則td單元格里上下有padding，會出現裂縫。圖片高度是按照單元格高度裁剪的，所以主要是上下padding引起的。
如圖，第一個table排版中td里沒有設置padding是0，在瀏覽器開發者模式里可以看到有padding存在。
第二個table排版中td里都設置了padding是0，所以沒有裂縫。
圖片都是根據單元格大小裁剪的，圖片尺寸和單元格大小一致。
如圖，第一個table里出現了裂紋，底部的圖還出現了一條線，原因就是由於padding的存在導致單元格本身高度高於圖片切片裁剪的高度。
第一個td，剩下的區域顯示了一條白色線，裂紋狀（頂圖上邊有白色區域）
第二個td由於是平鋪，把多出來的pddding鋪上了。
第三個td由於是底圖，底圖的最上方不是白色區域，是顏色，多出來的部分被鋪上了頂面的圖片。（底圖上有顏色，所以平鋪處理底圖頂部的顏色）
測試代碼：
<body> <h5>存在padding，有裂縫和問題的：</h5> <div id="t2"> <table width="900px" border=0 style="border-collapse:collapse;"> <tr> <td width="900px" height="165px" style="background-image:url(./images/top.png);"></td> </tr> <tr> <td width="900px" style="background-image:url(./images/mid.png);padding-left:50px;padding-right:50px;">官網樣例是混合部署LodopFuncs.js里已經寫好了判斷。<br> 客戶端是瀏覽器支持np插件，是32位瀏覽器，就會提示下載32位的Lodop插件：install_lodop32.exe<br> 客戶端瀏覽器支持np插件，是64位瀏覽器，就會提示下載64位的Lodop插件：install_lodop64.exe<br> 客戶端瀏覽器不支持np插件（判斷如高版本谷歌火狐等），會提示下載C-Lodop方式： CLodop_Setup_for_Win32NT.exe</td> </tr> <tr> <td width="900px" height="75px" style="background-image:url(./images/bottom.png);"></td> </tr> </table> </div> <h5>清除padding，正常的：</h5> <div id="t1"> <table width="900px" border=0 style="border-collapse:collapse;"> <tr> <td width="900px" height="165px" style="background-image:url(./images/top.png);padding:0px;"></td> </tr> <tr> <td width="900px" style="background-image:url(./images/mid.png);padding:0px;padding-left:50px;padding-right:50px;">官網樣例是混合部署LodopFuncs.js里已經寫好了判斷。<br> 客戶端是瀏覽器支持np插件，是32位瀏覽器，就會提示下載32位的Lodop插件：install_lodop32.exe<br> 客戶端瀏覽器支持np插件，是64位瀏覽器，就會提示下載64位的Lodop插件：install_lodop64.exe<br> 客戶端瀏覽器不支持np插件（判斷如高版本谷歌火狐等），會提示下載C-Lodop方式： CLodop_Setup_for_Win32NT.exe</td> </tr> <tr> <td width="900px" height="75px" style="background-image:url(./images/bottom.png);padding:0px;"></td> </tr> </table> </div> </body>
圖示：
單元格大小和圖片大小是一致的，但是平鋪的時候高度超出了一點，導致上圖和下圖出現問題。
經過瀏覽器自帶的開發者模式查看到，原來是td有默認的padding，清除后就好了。
也可以算上padding的大小對圖片進行裁剪，但是那樣不如td和圖片一致比較好。
