在不修改標題中的 CSS 的情況下在列表元素之間添加空格？ （並且不向每個<li>元素）

Question

我在一個內容管理系統 (Confluence) 中工作，我無法在 HTML 標頭中聲明 CSS 內容。

看起來舊的 <style></style> 屬性已被棄用。 無論如何要在列表標簽​​（<ul> 或 <ol>）中進行樣式聲明，為該列表中的每個 <li> 元素添加間距？ （例如 <table> 聲明中的 'cellspacing' 或 'cellpadding' 屬性）

Answer 1

您必須包含鏈接或樣式才能獲取類樣式。

如果樣式標簽被禁用，上傳 css 並在 href 中添加該文件 url

<link href="list.css" rel="stylesheet" type="text/css">

// Add below code in list.css
ul.space-list li {
margin-bottom: 20px;
}

<!-- html -->
<ul class="space-list">
<li>Lorem ipsum</li>
<li>Lorem ipsum</li>
<li>Lorem ipsum</li>
</ul>

或者，您可以使用舊式方法<br/>標簽以及如下所示

<!-- html -->
<ul class="space-list">
<li>Lorem ipsum</li> <br/><br/>
<li>Lorem ipsum</li> <br/><br/>
<li>Lorem ipsum</li>
</ul>