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

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

当我使用<br /> 时,我会得到两行空格。通过阅读其他问题,我想我需要使用 span stylediv 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>

【讨论】:

    猜你喜欢
    • 2012-03-29
    • 2014-01-22
    • 1970-01-01
    • 2017-10-18
    • 2012-09-07
    • 1970-01-01
    • 2021-08-21
    • 2016-06-16
    • 1970-01-01
    相关资源
    最近更新 更多