【问题标题】:why does line-height vertically align li's [duplicate]为什么行高垂直对齐li的[重复]
【发布时间】:2023-04-07 00:18:02
【问题描述】:

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

【问题讨论】:

  • 您是在问line-heightheight 之间的区别是什么?或者为什么设置line-height 可以帮助您垂直对齐livertical-align 中的内容不起作用?这个问题有很多重复。这很常见。

标签: html css vertical-alignment


【解决方案1】:

vertical-align 属性可以在两种情况下使用: A. 垂直对齐内联元素的盒子在其包含的行盒子内。 B. 垂直对齐表格中单元格的内容。

在这里阅读更多:

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2019-08-14
    • 2012-08-17
    • 2013-09-03
    • 1970-01-01
    • 1970-01-01
    • 2014-11-30
    • 2011-06-14
    相关资源
    最近更新 更多