在垂直方向上将元素显示在其父对象的中间

Question

这是选择器的外观：

您可以看到，文本出现在选择器的底部附近，我希望它垂直放置在中间，水平放置在左侧附近就可以了。

选择器元素：

<div class="MuiFormControl-root searchPlatform"></div> 

有：

border: 0;
margin: 0;
display: inline-flex;
padding: 0;
position: relative;
min-width: 0;
flex-direction: column;
vertical-align: top;

并且文本“平台”是标签：<label class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined">

我尝试添加vertical-align: middle;的样式，但不更改其位置。

如何将其垂直放置在中间？

Answer 1

justify-content是一种可行的选择：

Answer 2

[您可以尝试这样做：您应该将display用作display的flex，并将justify-content和align-items属性设置为居中，以使内容在中心（两个轴上）对齐。