仅使用内联代码的 ul 元素的垂直间距答案

【问题标题】：vertical spacing of ul elements using only inline code仅使用内联代码的 ul 元素的垂直间距
【发布时间】：2021-04-30 21:18:26
【问题描述】：

我是新手。我正在使用 HTML 编写电子邮件模板。我不确定是否支持 CSS，但我知道一切都必须内联。我的段落之间有一行空格，使用<br />。我还有一个 ul 元素，我希望列表项之间的间距相同。

当我使用<br /> 时，我会得到两行空格。通过阅读其他问题，我想我需要使用 span style 或 div style 来更改底部边距或行高，但我不知道应该是什么样子。

【问题讨论】：

你能添加一些示例代码吗？

标签： html html-email

【解决方案1】：

您可以像这样为您的 ul 元素设置 line-height 属性。

<p>First line of text <br/> <br/> Second line of text</p>
<ul style="line-height:2em">
<li>First li element</li>
<li>Second li element</li>
<li>Third li element</li>
</ul>

【讨论】：

你的答案使用 CSS 吗？我试过你说的，编辑器自动删除了样式部分。返回
我发现编辑器被称为 CKEditor 4。我尝试查看文档以查看支持的内容，但这让我很困惑。这是链接：ckeditor.com/docs/ckeditor4/latest/features/…

【解决方案2】：

由于编辑器不支持 CSS 甚至自动删除一些 HTML 内容，我最终的解决方法是创建三个单独的列表。

<ul>
    <li><span style="font-family:Lucida Sans Unicode,Lucida Grande,sans-serif"><span style="font-size:12pt">Text of first list item.</span></span></li>
</ul>

<ul>
    <li><span style="font-family:Lucida Sans Unicode,Lucida Grande,sans-serif"><span style="font-size:12pt">Text of second list item.</span></span></li>
</ul>

<ul>
    <li><span style="font-family:Lucida Sans Unicode,Lucida Grande,sans-serif"><span style="font-size:12pt">Text of third list item.</span></span></li>
</ul>

【讨论】：