Css 项目未以角度居中

我想将div的内容放在中心位置，但属性似乎不起作用。 知道为什么吗 这是我的密码

登录

这就是我想要运用的风格

.center{
显示器：flex；
背景色：#ff1124；
证明内容：中心；
}

这个css

。登录表单。按钮{
宽度：100%；
背景#27803f；
颜色：白色
}

下面是我的表单的显示方式 试试看：

<div class="my-container">
  <div class='center'>
  ...
  </div>
</div>

试试这个

.center{
显示器：flex；
背景色：
#ff1124；
证明内容：中心；
对齐项目：居中；
高度：100vh；
}
.登录表单.按钮{
宽度：100%；
背景#27803f；
颜色：白色；
}

登录

您只想将div的内容居中，所以只需要表单标签？您所拥有的代码并不以窗体内的内容为中心。我只希望整个窗体处于屏幕的中间位置：也许您需要仔细检查正在加载的CSS代码。它在组件的样式文件中吗？CSS用于.login表单是什么？你也有单引号和双引号的类，虽然这对浏览器来说并不重要，但一般的建议是保持一致。是的，css属性正在发挥作用，因为我能够改变颜色，它只是爆炸我的思想，我已经筋疲力尽，尝试了很多方法，但没有任何效果，我可以分享我的屏幕吗？虽然它在SO引擎上工作，但对我来说不起作用：“（它在你的终端看起来怎么样？在中心类中添加

width:100vw；

可能是什么问题？我刚刚使用

：host{width:100%；}

.my-container {
  text-align:center;
  width: 100%;
}