居中垂直文本以进行文件输入

Question

我希望将No file chosen文本垂直居中，文件为button。我怎么能这样做？

Answer 1

好吧，您可以将按钮和文本放在flex-box中，方法是将它们放在带有flex-container类的div中。然后在您的css文件中为.flex-container div设置align-items: center样式。 Here's some more info，这是一个非常基本的例子。

.flex-container {

  align-items: center;

}

button {

height: 100px;
width: 100px;
font-size: large;

}

span {

  font-size: small;

}

<div class="flex-container">
  <button class='flex-item'>Big button</button>
  <span class='flex-item'>Tiny text</span>
</div>