为什么行高垂直对齐li

时间:2018-04-11 16:23:57

标签: html css vertical-alignment

为什么将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>

1 个答案:

答案 0 :(得分:1)

vertical-align属性可以在两个上下文中使用:  A.在其包含的行框内垂直对齐内联元素框。 B.垂直对齐表格中单元格的内容。

在这里阅读更多内容:

https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align