HTML表格佈局是不固定的前景，對於電子郵件模板

以下是我的代碼，以保持表格佈局固定的，但它了佈局，當我在outlook->HTML表格佈局是不固定的前景，對於電子郵件模板

<table border=1 borderColor='solid #9BBB59 2.25pt' style='border-top: solid #9BBB59 2.25pt;border-bottom: solid #9BBB59 2.25pt;border-left: solid #9BBB59 2.25pt;border-right: solid #9BBB59 2.25pt;table-layout:fixed;width=82%'>

我收到一個郵件不固定有兩個表格，I m trying to maintain same width for both the tables,it s在IE中工作時，我粘貼在一個文件中的HTML代碼，但它不工作在Outlook中，寬度各不相同... 有沒有辦法我可以解決這個問題？

來源

2012-05-16 user1382191

對於您的友善信息展望2010並不瞭解CSS屬性據我所知。它只是使用它的寬度值來設計一個表格，我非常擔心。我不知道從什麼時候Outlook計劃再次支持css。

對於您的情況，我考慮將兩個表格包裝在同一個表格容器中，以便在Outlook中具有相同的寬度。

來源

2012-05-16 09:50:57 Ravi

你有沒有打開過郵件文件？ – user1382191

是的，我嘗試了你在我的小提琴上粘貼的代碼。 – Ravi

它的工作，有一個像'寬度= 82％'這樣的錯誤，'這是錯誤的，在風格上它應該像'寬度：82％'。 – user1382191

我最近有完全相同的問題，我解決它使用幾件事情的組合。

最重要的是，確保您的表格寬度略高於單個列寬度的總和。在你的「」或「」元素中使用這種風格：style =「word-break：break-all」

<HTML style="font-family:arial;font-size:15px;"> 
    <style> 
      table, th, td { border:thin solid black; border-collapse: collapse; text-align:left; font-size:15px; font-weight: normal;} 
    </style> 
    <table width="600" cellpadding="5"> 
     <tr style="background-color:#045411; color:white;font-family:arial;font-size:15px;"> 
      <th width="100">ID</th> 
      <th width="200" style="word-break:break-all">Name</th> 
      <th width="200" style="word-break:break-all">Description</th> 
     </tr> 
     <tr style="color:black;background-color:white;font-family:arial;font-size:15px;"> 
      <td width="100">I3026</td> 
      <td width="200" style="word-break:break-all">ABFCL3hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh</td> 
      <td width="200" style="word-break:break-all">lalalalalalallallalalalalalallallalalalalalallallalalalalalallallalalalalalallallalalalalalallallalalalalalallallalalalalalallallalalalalalallallalalalalalallallalalalalalallal</td> 
     </tr> 
    </table> 
    <br> 
    <table width="600" cellpadding="5"> 
     <tr style="background-color:#045411; color:white;"> 
      <th width="100">ID</th> 
      <th width="200" style="word-break:break-all">Name</th> 
      <th width="200" style="word-break:break-all">Description</th> 
     </tr> 
     <tr style="color:black;background-color:white;"> 
      <td width="100">ABC100</td> 
      <td width="200" style="word-break:break-all"></td> 
      <td width="200" style="word-break:break-word">sdfsdfsdfsdfsdf</td> 
     </tr> 
    </table> 
</HTML>

來源

2014-06-20 09:14:50 Debz

HTML表格佈局是不固定的前景，對於電子郵件模板

回答

相關問題