如何强制将 br 分隔的链接列表显示为项目符号列表？答案

【问题标题】：How can I force a list of br-separated links to be shown as bulleted list?如何强制将 br 分隔的链接列表显示为项目符号列表？
【发布时间】：2021-03-19 12:40:47
【问题描述】：

我正在使用允许我设置电子邮件模板的流程系统。该模板包含一个变量/占位符，用于以<br> 分隔的链接列表，我无法更改。

模板邮件正文示例：

<p>Here's your link list:</p>
{!LinkList}

生成这样的邮件正文：

<p>Here's your link list:</p>
<a href="link1">Link 1</a><br>
<a href="link2">Link 2</a><br>
<a href="link3">Link 3</a><br>

我想将所有这些链接显示为项目符号列表。我可以将<ul> 标记包裹在{!LinkList} 占位符周围，但我不能将<li> 标记强制包含在其中。有没有其他方法，例如通过使用list-style-type 设置<a> 标签的样式以显示项目符号？

我尝试了以下方法，但没有成功：

<p>Here's your link list:</p>
<ul style="list-style-type:bullet;">
{!LinkList}
</ul>

【问题讨论】：

“还有其他方法吗，例如，通过使用 list-style-type 设置标签的样式以显示项目符号？”你试过这样做吗？
如果您的列表内容以 PHP 格式输出，这个问题和答案可能会有所帮助：stackoverflow.com/a/43747444/5641669
@HereticMonkey 我通过设置
这是 CSS，不需要也确实不应该内联应用，因此您对 HTML 的访问是无关紧要的。使用样式表将样式应用于锚点。顺便说一句，ul 的唯一有效子元素是li 元素，所以无论如何你都不希望ul 出现。使用div 和class，或nav（如果适用）。

标签： html css

【解决方案1】：

尝试添加一个以a 为目标的<style> 块。像这样放置 <style> 块不会通过验证，但通常它仍然有效。

<p>Here's your link list:</p>
<style>
  a {
    display: list-item;
    list-style-type: disc;
    list-style-position: inside;
  }
</style>
{!LinkList}

【讨论】：