Html 垂直对齐CSS

首先，我尝试了许多我在这里发现的其他东西，但似乎没有任何东西真正适合我。
当我调整浏览器的大小时，所有东西在水平方向上都工作得很好，但在垂直方向上，元素隐藏在顶部。
如果我删除显示：flex内容中的一些div移动到屏幕左侧。其中一个部门是：

html，正文{
身高：100%；
宽度：100%；
最小宽度：320px；
保证金：0；
填充：0；
显示：表格；
背景图片：url（'background.png'）；
背景附件：固定；
}
.内容{
宽度：100%；
身高：100%；
溢出：自动；
对齐项目：居中；
证明内容：中心；
显示：表格单元格；
弯曲方向：立柱；
显示器：flex；
文本对齐：居中；
垂直对齐：中间对齐；
位置：固定；
最高：50%；
左：50%；
转化：translateX（-50%）translateY（-50%）；
颜色：白色；
背景色：rgba（0,0,0,0.4）；
}
.窗户{
宽度：40%；
颜色：白色；
边界半径：20px；
背景色：rgba（255255,0.1）；
边框：3px实心#03A0D3；
保证金：0；
}

标题
文本

正文

这里有一些文字

其他文本在这里

使用

margin 0 auto

将div水平居中。
移除

位置：已修复
，这会导致div在小分辨率下溢出到视野之外。

您可以卸下flexbox，因为您已经将其与表格显示居中


html，正文{
身高：100%；
宽度：100%；
最小宽度：320px；
保证金：0；
填充：0；
显示：表格；
背景图片：url（'background.png'）；
背景附件：固定；
}
.内容{
宽度：100%；
身高：100%；
溢出：自动；
/*对齐项目：居中；
证明内容：中心*/
显示：表格单元格；
/*弯曲方向：立柱；
显示器：flex*/
文本对齐：居中；
垂直对齐：中间对齐；
/*位置：固定；
最高：50%；
左：50%；
转化：translateX（-50%）translateY（-50%）*/
颜色：白色；
背景色：rgba（0,0,0,0.4）；
}
.窗户{
宽度：40%；
颜色：白色；
边界半径：20px；
背景色：rgba（255255,0.1）；
边框：3px实心#03A0D3；
边距：0自动；/*添加*/
}

标题
文本

正文

这里有一些文字

其他文本在这里

使用
margin 0 auto
将div水平居中。

移除
位置：已修复
，这会导致div在小分辨率下溢出到视野之外。

您可以卸下flexbox，因为您已经将其与表格显示居中


html，正文{
身高：100%；
宽度：100%；
最小宽度：320px；
保证金：0；
填充：0；
显示：表格；
背景图片：url（'background.png'）；
背景附件：固定；
}
.内容{
宽度：100%；
身高：100%；
溢出：自动；
/*对齐项目：居中；
证明内容：中心*/
显示：表格单元格；
/*弯曲方向：立柱；
显示器：flex*/
文本对齐：居中；
垂直对齐：中间对齐；
/*位置：固定；
最高：50%；
左：50%；
转化：translateX（-50%）translateY（-50%）*/
颜色：白色；
背景色：rgba（0,0,0,0.4）；
}
.窗户{
宽度：40%；
颜色：白色；
边界半径：20px；
背景色：rgba（255255,0.1）；
边框：3px实心#03A0D3；
边距：0自动；/*添加*/
}

标题
文本

正文

这里有一些文字

其他文本在这里

将所有代码写在一个代码段中，包括html。@pol Done，希望您能提供帮助…那么您是否想使用flexbox？我不知道，从未使用过它，但我只想在大多数浏览器上工作。@Daniel flex 97.5%的覆盖率将所有代码写在一个代码段中，包括html。@pol Done，希望您能提供帮助……那么您想不想使用flexbox？我不知道，从来没有使用过它，但我只想在大多数浏览器上工作。@Daniel flex 97.5%的覆盖率窗口仍然没有显示在中间。它在屏幕的左侧…是我的错，复制了一些错误的东西。工作很好。谢谢你，伙计@丹尼尔：没问题，很乐意帮忙：）中间的窗户还没有露出来。它在屏幕的左侧…是我的错，复制了一些错误的东西。工作很好。谢谢你，伙计@丹尼尔：没问题，很乐意帮忙：）