HTML/IOS <6表對齊

在舊錶的IOS版本的HTML電子郵件上遇到一些小問題，這些表不會緊挨着對方。我爲客戶創建了一個響應式電子郵件佈局，並且需要使用align =「left」來浮動表格。（示例代碼如下）HTML/IOS <6表對齊

我已經在每個客戶端上測試過我能想到的，它只是帶有此問題的舊IOS版本。

示例代碼：（此心不是實際的代碼我使用，但同樣princible）

<table cellspacing="0" cellpadding="0" width="600" border="0" class="full-width"> 
    <tr> 
     <td width="600" class="full-width"> 

      <table cellspacing="0" cellpadding="0" border="0" width="200" align="left"> 
       <tr> 
        <td width="200">Some Text Here 1</td> 
       </tr> 
      </table> 

      <table cellspacing="0" cellpadding="0" border="0" width="200" align="left"> 
       <tr> 
        <td width="200">Some Text Here 2</td> 
       </tr> 
      </table> 

      <table cellspacing="0" cellpadding="0" border="0" width="200" align="left"> 
       <tr> 
        <td width="200">Some Text Here 3</td> 
       </tr> 
      </table> 

     </td> 
    </tr> 
</table>

這裏是什麼與IOS 5（錯誤）和IOS 6（正確）發生的圖像：

Image of IOS 5 and 6 respectively with table included

任何援助將不勝感激。如果您需要更多信息，請告訴我。

來源

2013-07-03 Zak Clayton

你的響應式CSS是什麼？ – samanthasquared

您的表格單元格上有align="200" - 不確定它是否僅僅是示例代碼中的拼寫錯誤，但可能會造成混亂。否則，它對我來說看起來不錯，也許嘗試將float:left;添加到對齊表中作爲後備，以查看是否有幫助。

還要將表格單元格的寬度設置爲100％或200，以確保它們的行爲與預期一致，並檢查您的全寬類或其他css是否沒有做任何事情。

來源

2013-07-03 13:29:00 John

對不起，這確實是一個錯字，謝謝你的建議會給它一個去 –

右，後與代碼中的答案是玩弄小時... ...：

確保容器TD也爲align =「left」這樣的代碼將成爲：

<table cellspacing="0" cellpadding="0" width="600" border="0" class="full-width"> 
<tr> 
    <td width="600" class="full-width" align="left"> 

     <table cellspacing="0" cellpadding="0" border="0" width="200" align="left"> 
      <tr> 
       <td width="200">Some Text Here 1</td> 
      </tr> 
     </table> 

     <table cellspacing="0" cellpadding="0" border="0" width="200" align="left"> 
      <tr> 
       <td width="200">Some Text Here 2</td> 
      </tr> 
     </table> 

     <table cellspacing="0" cellpadding="0" border="0" width="200" align="left"> 
      <tr> 
       <td width="200">Some Text Here 3</td> 
      </tr> 
     </table> 

    </td> 
</tr>

來源

2013-07-04 08:56:07

HTML/IOS <6表對齊

回答

相關問題