电子邮件（墨水）菜单项分隔符的基础

问题描述：

我正在使用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>

我该如何绕过这个问题？

答

子弹是一种扩展字符，需要一个替代代码才能正确显示Outlook和其他HTML和电子邮件客户端。

扩展字符是那些不在标准ASCII字符集中的字符集，它使用7位字符，因此其值为0到127. ASCII代码0到31和127是非打印控制字符，而代码32到126匹配美式键盘上的按键（“a”，“A”等）。

•较大而略高于·。你也可以使用 - 破折号。可以在最新版本的Outlook和其他电子邮件客户端中使用。

我再次看了看你的代码，并意识到你做了很多的事情，Outlook不明白，像<item>。 Outlook确实不使用HTML5，因此用更好的子弹替换子弹可能没有多大作用。你不包括你的HTML代码，CSS代码，只是一个片段，这使得不可能确定什么是错的。

祝你好运。

基金会电子邮件使用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>

希望工程。

电子邮件（墨水）菜单项分隔符的基础

相关推荐