Html 保证金0自动赢得'；t完全居中

我有代码将

div

集中在HTML页面上。
我的问题是

margin:0 auto

只将

div

水平居中，但我希望它完全居中，也要垂直居中

正文{
背景位置：中心；
背景：#0a056f；
背景：-moz线性梯度（45度，#0a056f 0%，#054fb5 100%）；
背景：-webkit线性梯度（45度，#0a056f 0%，#054fb5 100%）；
背景：线性梯度（45度，#0a056f 0%，#054fb5 100%）；
过滤器：progid:DXImageTransform.Microsoft.gradient（startColorstr='#0a056f'，endColorstr='#054fb5'，GradientType=1）；
}
.登录\注册\恢复\框{
背景色：#fff；
背景位置：中心；
-moz盒阴影：0px 0px 50px 5px#091079；
-网络工具包盒阴影：0px 0px 50px 5px#091079；
盒影：0px 0px 50px 5px#091079；
宽度：75%；
保证金：0自动；
边界半径：10px；
}

FDSS

相反，您可以使用实现相同的功能

要在父元素中居中放置div，可以在父元素上应用

display:flex

，以及

align items:center

和

justify content:center

使用
align items:center
，子项在父项内部垂直居中

使用
justify content:center
，子对象在父对象内部水平居中

您可以在以下网址了解更多信息：


.parent{
宽度：100%；
高度：100vh；
显示器：flex；
对齐项目：居中；
证明内容：中心；
背景：红色；
}
.居中{
宽度：100px；
高度：100px；
背景：蓝色；
}
相反，您可以使用实现相同的功能

要在父元素中居中放置div，可以在父元素上应用
display:flex
，以及
align items:center
和
justify content:center

使用
align items:center
，子项在父项内部垂直居中

使用
justify content:center
，子对象在父对象内部水平居中

您可以在以下网址了解更多信息：


.parent{
宽度：100%；
高度：100vh；
显示器：flex；
对齐项目：居中；
证明内容：中心；
背景：红色；
}
.居中{
宽度：100px；
高度：100px；
背景：蓝色；
}

使用flexbox


正文{
背景位置：中心；
背景：#0a056f；
显示器：flex；
对齐项目：居中；
证明内容：中心；
最小高度：100vh；
}
.登录\注册\恢复\框{
背景色：#fff；
背景位置：中心；
宽度：75%；
边界半径：10px；
}

FDSS
使用flexbox


正文{
背景位置：中心；
背景：#0a056f；
显示器：flex；
对齐项目：居中；
证明内容：中心；
最小高度：100vh；
}
.登录\注册\恢复\框{
背景色：#fff；
背景位置：中心；
宽度：75%；
边界半径：10px；
}

FDSS
@downvoter，请发表评论。使用flexbox时，对齐项目：居中将所有子元素放置在垂直中心。如果只希望特定子对象位于中心，可以使用“对齐自：中心”。这只是一个小提示：）@downvoter，请发表评论。使用flexbox时，对齐项目：居中将所有子元素放置在垂直中心。如果只希望特定子对象位于中心，可以使用“对齐自：中心”。这只是一个小提示：）关于css的小提示。据介绍，您不需要为box shadow使用前缀webkit和moz，因为所有浏览器都支持它。顺便说一下，当你提问时，你应该只提供重要的html和css，在这种情况下，所有背景渐变都是不必要的。：）看看这个解决方案：，它还应该解决你的梯度问题。不幸的是，我不能再把它作为答案发布了，因为你的问题被标记为重复。关于css的小提示。据介绍，您不需要为box shadow使用前缀webkit和moz，因为所有浏览器都支持它。顺便说一下，当你提问时，你应该只提供重要的html和css，在这种情况下，所有背景渐变都是不必要的。：）看看这个解决方案：，它还应该解决你的梯度问题。不幸的是，我无法再将其作为答案发布，因为您的问题被标记为重复。