html - 列表项的高度

Question

我有一个包含列表的 div。我想知道什么是 css 属性来控制同一列表项的行之间的空间。

Answer 1

当您使用列表项时 <li> ，您可以使用此代码为每个列表项指定高度:

li {
    height: 100px;
}

您还可以为您的 div 指定一个特定的 ID 或类，然后也将其用作引用，这样就不是所有 li在您的代码中应用该样式。

您也可以给每个 li 一个类。

例如:

li.myclass {
    height: 100px;
}

jsfiddle 为此:https://jsfiddle.net/rmnd22uh/

li{
  height: 100px;
}

<div>
  <ul>
    <li>first item</li>
    <li>second item</li>
    <li>third item</li>
  </ul>
</div>

希望对您有所帮助。

附言您需要学习很多关于 html/css 的知识，因此请从 w3schools 或任何其他资源开始学习。