SFMC HTML UL 列表添加额外项目符号

SFMC HTML UL Lists Adding Extra Bullet

提问人:Zach 提问时间:3/10/2023 最后编辑:DavidZach 更新时间:3/25/2023 访问量:34

问:

在我的 UL 结束后,我出现了一个额外的子弹。

<ul> 
  <li>Text</li>
  <li>Text</li>
  <li>Text</li>
  <li>Text</li>
  <li>Text
    <ul>
      <li>Text</li>
      <li>Text</li>
    </ul>
  </li>
</ul>

我尝试了几种解决方案,但都没有解决问题。

HTML HTML 列表 嵌套列表 salesforce-marketing-cloud

评论

1赞 David 3/10/2023
结果在我的浏览器中看起来符合预期。您确定这是使用的确切标记吗?您确定没有应用 CSS 样式吗?
0赞 Zach 3/10/2023
David - 表格中有包含它的样式,但没有专门设置列表样式的 CSS
1赞 David 3/10/2023
如果没有一个最小的可重复的例子来证明这个问题,我看不出有人能提供什么帮助。显示的代码按预期工作。
0赞 Fastnlight 3/10/2023
无法重现。代码片段按预期工作

答:

0赞 Dalesha Hemrajani 3/20/2023 #1

经检查,此代码在我的实例中按预期工作。 请检查您的电子邮件内容中是否链接了其他代码。

<ul> 
  <li>Text</li>
  <li>Text</li>
  <li>Text</li>
  <li>Text</li>
  <li>Text
    <ul>
      <li>Text</li>
      <li>Text</li>
    </ul>
  </li>
</ul>

5 “Text”值,如“Bold Circle Bullet” 2 “Text”值,如“Empty Circle Bullet”

0赞 B.Kocaman 3/25/2023 #2

您在结束后看到的额外项目符号可能是由 CSS 样式问题引起的。具体来说,如果您的元素具有 or 样式,则可能会导致出现额外的项目符号。<ul><ul>display: list-item;display: inherit;

解决此问题的一种方法是向 CSS 添加一种样式,该样式将所有元素的 display 属性设置为阻止<ul>

例如:

ul {
  display: block;
}

此外,如果只想将类应用于特定元素,则可以添加类。<ul>

例如:

ul.remove-duplicated-circle {
  display: block;
}

您的列表如下:

<ul>
    <li>Text</li>
    <li>Text</li>
    <li>Text</li>
    <li>Text</li>
    <li>Text
        <ul class="remove-duplicated-circle">
            <li>Text</li>
            <li>Text</li>
        </ul>
    </li>
</ul>

这应该会删除你结束之后出现的额外项目符号。如果这不能解决问题,您可能需要提供有关 CSSHTML 代码的更多信息。<ul>