中心垂直文本文件輸入

Question

我想中心垂直No file chosen文字與文件button。我該怎麼做？

Answer 1

好吧，你可以把按鈕和文本放在一個flex-box中，把它們放在一個帶有flex-container類的div中。然後在您的css文件中使用align-items: center設置.flex-container div。 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>