Question

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

Answer 1

当您使用列表项<li>时，您可以使用此代码为每个列表项目提供一个高度：

li {
    height: 100px;
}

您也可以为div提供特定的ID或类，然后将其用作参考，以便代码中的所有li都不会应用该样式。

你也可以给每个人一个班级。

E.g：

li.myclass {
    height: 100px;
}

jsfiddle：https://jsfiddle.net/rmnd22uh/

＆＃13;

li{
  height: 100px;
}

＆＃13;

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

＆＃13;

我希望这会有所帮助。

P.S。你需要学习很多关于html / css的知识，所以要开始学习w3schools或任何其他资源。

Answer 2

尝试列表项的行高。 line-height属性指定行的高度。因此，通过添加此css属性，您可以获得所需的内容。

示例代码

<html>
  <head>
    <style>
      ul li{
        line-height:50px;
      }
    </style>
  </head>
  <body>
    <ul>
      <li>text1</li>
      <li>text2</li>
      <li>text3</li>
    </ul>
  </body>
</html>

演示小提琴here

Answer 3

首先，将div设置为有效ID。

接下来，使用Javascript：

    var element = document.getElementById('<your div ID>'),
    style = window.getComputedStyle(element),
    height = style.getPropertyValue('height');

希望它会有所帮助。

列表项的高度

3 个答案: