html - 如何对齐a的内容使它们垂直

Question

是否可以将 div 的内容垂直居中？

<div style="padding-left: 15px; vertical-align: middle; align-content: center" >
      <h3>Selections</h3>
</div>

我希望文本左对齐并在垂直中间

标签： html

Answer 1

我给你举了一个使用flex规则垂直对齐的例子。在这种情况下，垂直对齐是在align-item: center. 此外，您需要垂直对齐的空间。

body {
   padding: 0;
   margin: 0;
   box-sizing: border-box;
}

div {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

<div>
   <h3>Selections</h3>
</div>