Question

我正在使用 Foundation for Emails 构建电子邮件模板，我想放置一个＆＃34; •＆＃34;在我的菜单项之间。

除了Outlook之外，所有电子邮件客户端都能正常运行 - 菜单项之间的点以某种方式落在整个菜单的下方，如下所示：

展望：

这是我的墨水代码：

<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>

如何绕过此问题？

Answer 1

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

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

•更大胆，略高于·。你也可以使用 - 破折号。适用于每个最新版本的Outlook和其他电子邮件客户端。

我再次查看了您的代码，并意识到您正在做很多Outlook无法理解的事情，例如<item>。 Outlook确实没有使用HTML5，所以用更好的子弹替换子弹可能没什么用。您不会包含HTML代码，CSS代码，只是一个代码段，这使得无法确定其他错误。

祝你好运。

Answer 2

如何删除段落标签并在带有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>

希望它有效。

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

2 个答案: