我能够使用mx-auto类，但是尽管我的myContainerFixed类成功显示高度固定，但我无法使my-auto类起作用。

示例css

.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.my-auto {
    margin-top: auto;
    margin-bottom: auto;
}

.myContainerFixed {
    height: 90vh;
}
@screen lg {
    .myContainerFixed {
        height: 85vh;
    }
}

.w-max {
    width: max-content;
}

尽管这在这种情况下肯定不是最佳选择，但我还尝试了使用绝对定位，但也没有起作用以下是示例

.absoluteCenter {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

HTML代码

        return (
            

                

                    Name
                    
                    
{errors.name?.message}
                    Email
                    
                    
{errors.email?.message}
                    Available Weights
                    ) => Array.isArray(v) ? arrayToString(v) : v.split(",").map((weight) => Number(weight)) })} />
                    {/*  */}
                    
{errors.availableWeights?.message}

                    Submit
                
            
        );