为什么 line-height 垂直对齐 li 的

Question

为什么将 css 添加到 li line-height:15vw 使 li 文本居中，而 vertical-align:middle 没有做任何事情

div{
background-color:black
}
li{
display:inline-block;
color:white;
text-decoration:none;

}
ul{
height:15vw;
}

<div>
   <ul>
      <li>home</li>
      <li>reset</li>
   </ul>

</div>

Answer 1

vertical-align 属性可以在两种情况下使用： A. 将内联元素的框在其包含的行框内垂直对齐。 B. 垂直对齐table.

中单元格的内容

在此处阅读更多内容：

why does line-height vertically align li's