電子郵件（墨水）菜單項分隔符的基礎

我正在使用Foundation for Emails構建電子郵件模板，我想在我的菜單項之間放置「•」。電子郵件（墨水）菜單項分隔符的基礎

工作一切良好，在所有的電子郵件客戶端，除了在展望 - 菜單項之間的點在某種程度上降低了整個菜單下，像這樣：

展望：

這是我的墨跡代碼：

<row> 
    <columns small="12" large="4"> 
     <center> 
      <menu class="small-vertical"> 
       <item href="#"> 
        <span class="nav-item"> 
         <font color="#010101"> 
          menu item 1 
         </font> 
        </span> 
       </item> 
       <item> 
        <p style="color: #8d8e90;">•</p> 
       </item> 
       <item href="#"> 
        <span class="nav-item"> 
         <font color="#010101"> 
          menu item 2 
         </font> 
        </span> 
       </item> 
       <item> 
        <p style="color: #8d8e90;">•</p> 
       </item> 
       <item href="#"> 
        <span class="nav-item"> 
         <font color="#010101"> 
          menu item 3 
         </font> 
        </span> 
       </item> 
      </menu> 
     </center> 
    </columns> 
</row>

我該如何繞過這個問題？

來源

2017-07-19 snkv

子彈是一種擴展字符，需要一個替代代碼才能正確顯示Outlook和其他HTML和電子郵件客戶端。

擴展字符是那些不在標準ASCII字符集中的字符集，它使用7位字符，因此其值爲0到127. ASCII代碼0到31和127是非打印控制字符，而代碼32到126匹配美式鍵盤上的按鍵（「a」，「A」等）。

•較大而略高於·。你也可以使用 - 破折號。可以在最新版本的Outlook和其他電子郵件客戶端中使用。

我再次看了看你的代碼，並意識到你做了很多的事情，Outlook不明白，像<item>。 Outlook確實不使用HTML5，因此用更好的子彈替換子彈可能沒有多大作用。你不包括你的HTML代碼，CSS代碼，只是一個片段，這使得不可能確定什麼是錯的。

祝你好運。

來源

2017-07-19 17:19:51 gwally

基金會電子郵件使用HTML 5元素使其易於使用。這是他們在他們的網站上說的：_HTML電子郵件需要在表格上的表格才能正常工作。儘管電子郵件基金會在構建這些表格時遇到了很多痛苦，但使用Inky這一模板語言，它可以將簡單的HTML標記（如和）轉換爲複雜的表格HTML._我個人喜歡編寫我的代碼自己的電子郵件。 – Syfer

如何刪除段落標籤並添加項目之間的項目與href顯示項目符號？我有一種感覺可能會起作用。

爲要點，你可以嘗試以下任一：

&bull; or &#149;

他們都工作下同方式是你的代碼，我剛換款項目，並希望它的作品。

<row> 
 
    <columns small="12" large="4"> 
 
     <center> 
 
      <menu class="small-vertical"> 
 
       <item href="#"> 
 
        <span class="nav-item"> 
 
         <font color="#010101"> 
 
          menu item 1 
 
         </font> 
 
        </span> 
 
       </item> 
 
       <item> 
 
        <item style="color: #8d8e90;">&#149;</item> 
 
       </item> 
 
       <item href="#"> 
 
        <span class="nav-item"> 
 
         <font color="#010101"> 
 
          menu item 2 
 
         </font> 
 
        </span> 
 
       </item> 
 
       <item> 
 
        <item style="color: #8d8e90;">&#149;</item> 
 
       </item> 
 
       <item href="#"> 
 
        <span class="nav-item"> 
 
         <font color="#010101"> 
 
          menu item 3 
 
         </font> 
 
        </span> 
 
       </item> 
 
      </menu> 
 
     </center> 
 
    </columns> 
 
</row>

希望工程。

來源

2017-07-19 23:56:52 Syfer

電子郵件（墨水）菜單項分隔符的基礎

回答

相關問題