Html CSS单词垂直刻度

我想把单词垂直对齐：中间。（在缩放浏览器时总是在div的中间）。我试过很多方法，但没有把它放在中间。我该怎么做

<div class="word">
    <h1>Hello!!</h1>
</div>

你好

我不确定您是否希望内容垂直和水平居中。我已经在CSS中做了注释

您可以使用flexbox：

.word{
高度：300px；/*这只是示例-它可以是任何高度*/
显示器：flex；
对齐项目：居中；
对齐内容：居中；/*水平居中。也可以使用“柔性起点”或“柔性终点”*/
背景：salmon；/*只是为了帮助证明它是有效的*/
}

你好

我不确定您是否希望内容垂直和水平居中。我已经在CSS中做了注释

您可以使用flexbox：

.word{
高度：300px；/*这只是示例-它可以是任何高度*/
显示器：flex；
对齐项目：居中；
对齐内容：居中；/*水平居中。也可以使用“柔性起点”或“柔性终点”*/
背景：salmon；/*只是为了帮助证明它是有效的*/
}

你好

您可以尝试以下基本方法：

.word{
高度：90px；
背景：#000；
颜色：#FFF；
线高：90px；
}
h1{
字体大小：5.9vw；
}

你好

您可以尝试以下基本方法：

.word{
高度：90px；
背景：#000；
颜色：#FFF；
线高：90px；
}
h1{
字体大小：5.9vw；
}

你好

您好，我尝试了以下代码，它完全符合您的要求，我希望这将对您有所帮助

.word{
位置：相对位置；
宽度：100%；浮动：左侧；
高度：90px；
背景：#000；
颜色：#FFF；
线高：90px；
}
.单词h1{
字体大小：5.9vw；
位置：绝对位置；
左：50%；
最高：50%；
宽度：自动；
边际：0px；
转换：翻译（-50%，-50%）；
-webkit转换：翻译（-50%，-50%）；
-moz变换：平移（-50%，-50%）；
-o变换：平移（-50%，-50%）；
-ms转换：翻译（-50%，-50%）；
}

你好

您好，我尝试了以下代码，它完全符合您的要求，我希望这将对您有所帮助

.word{
位置：相对位置；
宽度：100%；浮动：左侧；
高度：90px；
背景：#000；
颜色：#FFF；
线高：90px；
}
.单词h1{
字体大小：5.9vw；
位置：绝对位置；
左：50%；
最高：50%；
宽度：自动；
边际：0px；
转换：翻译（-50%，-50%）；
-webkit转换：翻译（-50%，-50%）；
-moz变换：平移（-50%，-50%）；
-o变换：平移（-50%，-50%）；
-ms转换：翻译（-50%，-50%）；
}

你好
对于
显示：flex
，
您还可以在子元素上使用
margin:auto


.word{
高度：300px；/*这只是示例-它可以是任何高度*/
显示器：flex；
背景：salmon；/*只是为了帮助证明它是有效的*/
}
.单词h1{
保证金：自动；
}

你好
对于
显示：flex
，
您还可以在子元素上使用
margin:auto


.word{
高度：300px；/*这只是示例-它可以是任何高度*/
显示器：flex；
背景：salmon；/*只是为了帮助证明它是有效的*/
}
.单词h1{
保证金：自动；
}

你好
垂直对齐与“显示：表格单元格”一起使用。您需要将这个css显示属性赋予上面的div，但是如果我想要水平对齐：右对齐和垂直对齐：中间对齐。我如何使它工作。你可以尝试使用flex。你在这篇文章中有答案。或者您可以将“文本对齐右”属性添加到我的答案中的这个div。试试这个-它可以是缩放文本吗？因为我有缩放图像beside@Kindess你下面的一些评论是关于一个图像的问题——你的问题中没有图像——以及关于适合文本的问题。如果不知道，则无法格式化正确答案。垂直对齐与“显示：表格单元格”一起使用。您需要将这个css显示属性赋予上面的div，但是如果我想要水平对齐：右对齐和垂直对齐：中间对齐。我如何使它工作。你可以尝试使用flex。你在这篇文章中有答案。或者您可以将“文本对齐右”属性添加到我的答案中的这个div。试试这个-它可以是缩放文本吗？因为我有缩放图像beside@Kindess你下面的一些评论是关于一个图像的问题——你的问题中没有图像——以及关于适合文本的问题。如果我们不知道，则无法设置正确答案的格式。当浏览器缩放时，OP要求它位于中间-这是固定的。如果我想使它在右侧水平对齐，我该如何做。它可以是缩放文本吗？因为缩放图像位于h1标记中，所以您必须再添加一个样式文本align:right。再做一个垂直对齐文本检查这里可以是缩放文本吗？因为我旁边有缩放图像。但是单词div的固定高度将不会被图像div缩放，我在这里应用了视口宽度检查。您可以根据自己的要求降低最小高度。当浏览器缩放时，OP要求它位于中心-这是固定的。如果我想使它在右侧水平对齐，我该如何做。它可以是缩放文本吗？因为缩放图像位于h1标记中，所以您必须再添加一个样式文本align:right。再做一个垂直对齐文本检查这里可以是缩放文本吗？因为我旁边有缩放图像。但是单词div的固定高度将不会被图像div缩放，我在这里应用了视口宽度检查。你可以根据你的要求降低最小高度。我想要一个单词div scale whe