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让链接填满容器。我确信一定有别的办法。这个答案很合适。