Jquery 垂直对齐/间距列表项

您是否能够使用CSS而不是JavaScript&JQuery在某个

标记之间留出导航列表的垂直空格

例如：

它需要对包含div的高度或窗口高度做出响应。 导航列表的结构如下所示：

<ul>
    <li><a href="#">Link</a></li>
    <li class="spacer"></li>
    <li><a href="#">Link</a></li>
    <li><a href="#">Link</a></li>
    <li class="spacer"></li>
    <li><a href="#">Link</a></li>
    <li><a href="#">Link</a></li>
</ul>

您可以通过CSS将垂直间距设置为特定的

li

： 使用

间隔垫圈

类设置所需的

li

，然后：

li.spacer {
  margin: 15% 0;
}

您也可以将第一个

li

设置为具有空格：

li:first {
  margin: 15% 0;
}

或者所有

li

都有空间：

li {
  margin: 15% 0;
}

---

Ps:

15%

值只是一个例子，你可以设置你想要的值，你可以使用一个百分比，以变得更灵敏，比如

10px

你可以使用CSS将垂直间距设置为特定的

li

： 使用

间隔垫圈

类设置所需的

li

，然后：

li.spacer {
  margin: 15% 0;
}

您也可以将第一个

li

设置为具有空格：

li:first {
  margin: 15% 0;
}

或者所有

li

都有空间：

li {
  margin: 15% 0;
}

Ps:

15%

值只是一个例子，您可以设置您想要的值，您可以使用百分比，以变得更具响应性，如

10px

检查以下内容：

也适用于快速响应。

检查以下内容：

---

也适用于反应灵敏的人。

你是如何计算身高的？它是以百分比表示的吗？Fiddle很管用……那么问题是什么呢？@Ani OP只希望它是以CSS表示的，这就是挑战……；）您还可以使用CSS填充/边距将类添加到要添加上下空间的li。您如何计算高度？它是以百分比表示的吗？Fiddle很管用……那么问题是什么呢？@Ani OP只希望它是以CSS表示的，这就是挑战……；）您还可以使用CSS padding/margin将类添加到要添加上下空格的li中。为什么要使用

padding

和其他方法？空格仅由

边距来确定

对吗？@PauloRoberto您是对的，先生。我一定是粘贴了副本，忘了删除：为什么这个

填充
和其他的？空格仅由
边距来确定
对吗？@PauloRoberto您是对的，先生。我一定是粘贴了副本，忘了删除：P