展望2010年表格間隔怪異

編寫HTML電子郵件時事通訊時Outlook 2010正在發揮作用。（驚喜驚喜）展望2010年表格間隔怪異

下面的截圖是結果：http://screencast.com/t/PSZqP7wg 該截圖顯示發生了什麼（相同的，但圖像關閉）：http://screencast.com/t/DrbexyHnytJ

顯然，中間的白色柱是縮小。應該是604px寬，但少得多。看起來Outlook將在間隔圖像旁邊放置額外的填充。

任何人都有一個想法，爲什麼發生這種情況？

這是在身體標記來源：

<table width="761" border="0" cellspacing="0" cellpadding="0"> 
     <tr> 
      <td colspan="3" height="151" style="height: 151px;" style="padding: 0px;"><img width="761" height="151" src="http://www.bothino.be/newsletter/top.jpg" alt="" /></td> 
     </tr> 
     <tr> 
      <td width="77" style="width: 77px;"> 
       <img src="http://www.bothino.be/newsletter/spacer.jpg" width="77" alt="" /> 
      </td> 
      <td width="604" bgcolor="ffffff"> 
       test sdlkfjhklsdjfhqsdklfh qklsdfh klqsjf lqksjdf lkqsjdhf lkdflkqshdfkl jqhsdlkfj 
       hqslkdfh qlksjdfh lqskjdhf lkqjshdlfk jqhsldkfh qlsdjfh lqksjdflk qsdflkqshdklfh 
       klqshdf kqshdklf hqskldfqklsd 
      </td> 
      <td width="76" style="width: 76px;"><img src="http://www.bothino.be/newsletter/spacer.jpg" width="76" alt="" /></td> 
     </tr> 
     <tr> 
      <td height="151" colspan="3"> 
       <img width="761" height="151" src="http://www.bothino.be/newsletter/bottom.jpg" alt="" /> 
      </td> 
     </tr> 
    </table>

來源

2011-04-05 Tom Deleu

我已經習慣了問題，在IE瀏覽器和Outlook「未定義」空格和換行。他們通常被解釋爲一個真實的，想要的空間，格式化最近的父母（如果有的話）的風格。這就是爲什麼我喜歡這樣寫的htm：

<tr> 
     <td height="151" colspan="3"><img 
      src="http://www.bothino.be/newsletter/bottom.jpg" 
      width="761" height="151" alt="" /></td> 
    </tr>

標籤內的換行符將在顯示時沒有什麼區別......但應用類似的結構代碼。 TD與IMAGE標籤之間的重要部分是無空白。

也許，這並不能解釋和解決你截圖中的巨大凹痕。

來源

2011-04-05 14:02:42 HBublitz

不幸的是，它確實沒有。正如你可以在代碼中看到的那樣，包含這些縮進的表格單元格已經被編碼爲無空格:(:(幾年前有過這種經歷） – 2011-04-06 06:58:19

有時最好忽略td的寬度，例如width=77和所有td的其餘寬度。這樣它可以自動擴展以填充整行。或者你也可以包含一個表格。

來源

2011-06-09 20:48:01 dana

您只需要爲兩個標籤添加背景顏色。寬度顯示正確。

來源

2011-07-17 01:56:16 peter

方向，更多信息，操作方法？ – 2012-11-16 23:55:39

我對Outlook的使用經驗永遠不會使用rowspan和colspan屬性。這是保證造成麻煩。如果表格單元需要與上面/下面不同的佈局/寬度，請使用正確的佈局嵌套另一個。這樣整個基本網格保持不變。不好，但再次：前景戲弄骯髒，你會（不得不）。所有表格都需要有cellpaddign = 0和cellspacing = 0。這有助於我克服類似的問題。

來源

2012-08-28 10:57:47 user1207504

展望2010年表格間隔怪異

回答

相關問題