Email 电子邮件(墨水)菜单项分隔符的基础

Email 电子邮件(墨水)菜单项分隔符的基础,email,zurb-foundation,html-email,Email,Zurb Foundation,Html Email,我正在使用构建电子邮件模板,我想在我的菜单项之间放置一个“•” 除Outlook外,所有电子邮件客户端都运行良好-菜单项之间的点不知何故会落在整个菜单下面,如下所示: 展望: 这是我的墨水代码: <row> <columns small="12" large="4"> <center> <menu class="small-vertical"> <item h

我正在使用构建电子邮件模板,我想在我的菜单项之间放置一个“•”

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

菜单项1

菜单项2

菜单项3

如何绕过此问题?

项目符号是一个扩展字符,需要其他代码才能在Outlook和其他html和电子邮件客户端中正确显示

扩展字符是不在标准ASCII字符集中的字符,它使用7位字符,因此具有0到127的值。ASCII代码0到31和127是非打印控制字符,而代码32到126与美国键盘上的键相匹配(“a”、“a”等)

·;更粗体,略高。你也可以用短划线。两者都适用于Outlook的每个最新版本和其他电子邮件客户端


我再次查看了您的代码,发现您正在做许多Outlook不理解的事情,例如
。Outlook实际上不使用HTML5,因此用更好的项目符号替换项目符号可能没有多大作用。你不包括你的HTML代码,CSS代码,只是一个片段,这使得你无法确定还有什么是错误的


祝你好运。

项目符号是一个扩展字符,需要一个替代代码才能在Outlook以及其他html和电子邮件客户端中正确显示

扩展字符是不在标准ASCII字符集中的字符,它使用7位字符,因此具有0到127的值。ASCII代码0到31和127是非打印控制字符,而代码32到126与美国键盘上的键相匹配(“a”、“a”等)

·;更粗体,略高。你也可以用短划线。两者都适用于Outlook的每个最新版本和其他电子邮件客户端


我再次查看了您的代码,发现您正在做许多Outlook不理解的事情,例如
。Outlook实际上不使用HTML5,因此用更好的项目符号替换项目符号可能没有多大作用。你不包括你的HTML代码,CSS代码,只是一个片段,这使得你无法确定还有什么是错误的


祝你好运。

如何删除段落标记并使用href在项目之间添加项目以显示项目符号?我有一种感觉,它可能会起作用

对于要点,您可以尝试以下任一方法:

&bull; or &#149;
它们的工作方式都是一样的,下面是你的代码,我只是把一段改成一段,希望它能工作


菜单项1
•
菜单项2
•
菜单项3

如何删除段落标记并使用href在项目之间添加项目以显示项目符号?我有一种感觉,它可能会起作用

对于要点,您可以尝试以下任一方法:

&bull; or &#149;
它们的工作方式都是一样的,下面是你的代码,我只是把一段改成一段,希望它能工作


菜单项1
•
菜单项2
•
菜单项3

Foundation电子邮件使用HTML 5元素使其易于使用。他们在他们的网站上说:HTML电子邮件需要一张桌子接一张桌子才能正常工作。虽然电子邮件的基础在构建这些表上花费了大量的痛苦,但我们已经使Inky更容易了,模板语言可以将简单的HTML标签转换成复杂的表HTML。我个人喜欢编码我自己的电子邮件。基础电子邮件使用HTML 5元素,使其易于使用。他们在他们的网站上说:HTML电子邮件需要一张桌子接一张桌子才能正常工作。虽然电子邮件的基础在构建这些表上花费了大量的痛苦,但我们已经使Inky更容易了,模板语言可以将简单的HTML标签转换成复杂的表HTML。我个人喜欢编写自己的电子邮件。