jquery - 垂直对齐/间距列表项

Question

您是否能够将导航列表分隔成在某些 <li> 之间具有垂直空间？使用 CSS 而不是 JavaScript 和 JQuery 的标签？

示例:http://jsfiddle.net/ssqnY/

它需要响应包含的 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>

Answer 1

检查这个:http://jsfiddle.net/ssqnY/1/

li.spacer {
  margin: 0 0 30% 0;
}

也适用于响应式。