html - 你能跳过 ul 列表中的一行吗？

Question

我有一个包含多个元素的无序列表。我想在列表的各个部分之间换行而不破坏 ul 组？这可能吗？

假设它看起来像这样:

<ul>
  <li>item 1</li>
  <li>item 2</li>
  <li>item 3</li>
  <li>item 4</li>
  <li>item 5</li>
  <li>item 6</li>
  <li>item 7</li>
  <li>item 8</li>
  <li>item 9</li>
  <li>item 10</li>
</ul>

那么，假设在视觉上我希望列表在第 3 项和第 4 项之间或第 7 项和第 8 项之间显示一个换行符。有没有办法插入一个空白的 LI 项作为换行符没有显示要点？

Answer 1

您可以在 <li> 上使用 list-style:none有一个不间断的空间。

<ul>
<li>item 1</li>
<li>item 2</li>
<li>item 3</li>
<li>item 4</li>
<li>item 5</li>
<li style="list-style:none;">&nbsp;</li>
<li>item 7</li>
<li>item 8</li>
<li>item 9</li>
<li>item 10</li>
</ul>