Html 如何将h2标记移动到div的中心？

我有这个部门：

شما با این گزینه می توانید

使用文本对齐：在h2标记中居中

h2{
文本对齐：居中；
}

شما با این گزینه می توانید

使用文本对齐：在h2标记中居中

h2{
文本对齐：居中；
}

شما با این گزینه می توانید

您可以使用文本对齐或边距进行调整，但我建议您使用文本对齐

在这里，我删除了您的显示：无，并使用了文本algin:center

#展示{
背景色：黑色；
位置：绝对位置；
高度：100%；宽度：100%；
顶部：0px；
左：0px；
不透明度：1；
颜色：白色；
}
氢{
文本对齐：居中；
}

شما با این گزینه می توانید

您可以使用文本对齐或边距进行调整，但我建议您使用文本对齐

在这里，我删除了您的显示：无，并使用了文本algin:center

#展示{
背景色：黑色；
位置：绝对位置；
高度：100%；宽度：100%；
顶部：0px；
左：0px；
不透明度：1；
颜色：白色；
}
氢{
文本对齐：居中；
}

شما با این گزینه می توانید

如果您只是在水平对齐文本；加上

#ShowCase {
   text-align: center;
}

如果您说的是垂直对齐，那么可以使用

flexbox

或

display:table

。我已经写出了

display:table

方法，因为它更兼容浏览器

正文{
背景色：#555；
}
#展示{
背景色：黑色；
位置：绝对位置；
身高：100%；
宽度：100%；
顶部：0px；
左：0px；
不透明度：0.5；
颜色：白色；
/*水平居中文本--*/
文本对齐：居中；
/*需要将文本垂直居中--*/
显示：表格；
}
/*垂直对齐文本--*/
#展示h2{
显示：表格单元格；
垂直对齐：中间对齐；
}

شما با این گزینه می توانید

如果您只是在水平对齐文本；加上

#ShowCase {
   text-align: center;
}

如果您说的是垂直对齐，那么可以使用

flexbox

或

display:table

。我已经写出了

display:table

方法，因为它更兼容浏览器

正文{
背景色：#555；
}
#展示{
背景色：黑色；
位置：绝对位置；
身高：100%；
宽度：100%；
顶部：0px；
左：0px；
不透明度：0.5；
颜色：白色；
/*水平居中文本--*/
文本对齐：居中；
/*需要将文本垂直居中--*/
显示：表格；
}
/*垂直对齐文本--*/
#展示h2{
显示：表格单元格；
垂直对齐：中间对齐；
}

شما با این گزینه می توانید

将h2设置为内联块并使父对象具有文本对齐：中心将h2设置为内联块并使父对象具有文本对齐：中心创建，但只设置屏幕顶部的中心，但要设置屏幕中心、ShowCase fit screen，并希望h2显示橱窗的中心使用

flexbox

布局

h2

的容器，并指定内容位置，如

display:flex；证明内容：中心；对齐项目：居中

垂直居中创建，但只需设置屏幕顶部的中心，但要居中显示屏幕，ShowCase fit屏幕，并要h2显示ShowCase的中心使用

flexbox

布局

h2

的容器，并指定如下内容位置

显示：flex；证明内容：中心；对齐项目：居中将其垂直居中