Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 文本内部垂直对齐_Html_Css - Fatal编程技术网

Html 文本内部垂直对齐

Html 文本内部垂直对齐,html,css,Html,Css,我有一个高度为100%的h3。因此高度未知。如何将文本居中?为了便于示例,我已经给出了父级的固定维度,但事实并非如此。我尝试过使用垂直对齐,但不起作用,我相信我可能需要更改显示 我不想将文本放在其父文本的中心,我知道各种方法可以做到这一点。我想知道是否有可能将它垂直居中。文本在两个维度中都必须为100%,以便链接填充父div 。未知尺寸{ 高度:300px; 宽度:300px; } .未知尺寸h3{ 身高:100%; 宽度:100%; 背景:#f7f700; 文本对齐:居中; } 使用表格法

我有一个高度为
100%
h3
。因此高度未知。如何将文本居中?为了便于示例,我已经给出了父级的固定维度,但事实并非如此。我尝试过使用垂直对齐,但不起作用,我相信我可能需要更改
显示

我不想将文本放在其父文本的中心,我知道各种方法可以做到这一点。我想知道是否有可能将它垂直居中。文本在两个维度中都必须为100%,以便链接填充父div

。未知尺寸{
高度:300px;
宽度:300px;
}
.未知尺寸h3{
身高:100%;
宽度:100%;
背景:#f7f700;
文本对齐:居中;
}

使用表格法

。未知尺寸{
高度:300px;
宽度:300px;
}
.未知尺寸a{
显示:表格;
宽度:100%;
身高:100%;
}
.未知尺寸h3{
显示:表格单元格;
垂直对齐:中间对齐;
背景:#f7f700;
文本对齐:居中;
}


它是否在div中并不重要。这就是如何将文本垂直居中CSS@Gorg-这个问题已经被问了无数次,可能是几百次。查看现有答案,并特别注意
display:table
display:flex
解决方案。@gorg不,它完全相同(来自链接的规范问题),使用与您在此处接受的答案完全相同的方法,这样做有更好更完整的解释。@Gorg-不是吗?和其他人一样。。。h3是100%高和宽的很酷的答案,我一直在使用一个hacky-empty让链接填满容器。我确信一定有别的办法。这个答案很合适。