主页 / 问题 / 1264873
Accepted
Руслан Камов
Asked:2022-04-02 00:06:40 +0000 UTC2022-04-02 00:06:40 +0000 UTC

vertical_align 如何在行内块元素中相对于父元素居中对齐

  • 772

练习理解垂直对齐。我试图将 li 元素相对于包装类居中，我不知道为什么它不起作用。为什么它不与vertical-align:middle对齐；

.wrapper
{  
  background-color:black;
  height:100px;
}
.wrapper li {
  color:#fff;
  display:inline-block;
  vertical-align:middle;
}
<div class= "wrapper">
<ul>
  <li>Главная</li>
  <li>Купить пиццу</li>
</ul>
</div>

css

1 个回答

  1. Best Answer

    简而言之 - 这是垂直对齐的工作原理：

    li {
  display: inline-block;
  vertical-align: middle;
}

li:nth-child(1) {
  padding: 10px;
  background: red;
}

li:nth-child(2) {
  padding: 30px;
  background: green;
}
    <ul>
  <li>Главная</li>
  <li>Купить пиццу</li>
</ul>

    • 2

相关问题