Html 无法使页脚垂直对齐中间

Html 无法使页脚垂直对齐中间,html,css,Html,Css,我正在使用内联编码来编码eblast,我页脚底部的副本不会垂直对齐我的社交媒体图像的中间部分。我的代码中有问题吗 我已经尝试在样式和修改器中包含valign。我在代码中也有align和valign,因为我知道如果没有align,这可能会抛出代码 提前谢谢 示例代码: &抄袭;2015项目领先公司。 看起来您对使用表持开放态度。如果您使用的是表格,您可以将图像放在它们自己的td中。每个td将垂直对齐中间。您可能需要为此创建一个子表 有一种CSS方法可以将表与display一起使用:table

我正在使用内联编码来编码eblast,我页脚底部的副本不会垂直对齐我的社交媒体图像的中间部分。我的代码中有问题吗

我已经尝试在样式和修改器中包含
valign
。我在代码中也有
align
valign
,因为我知道如果没有align,这可能会抛出代码

提前谢谢

示例代码:



&抄袭;2015项目领先公司。
看起来您对使用表持开放态度。如果您使用的是表格,您可以将图像放在它们自己的td中。每个td将垂直对齐中间。您可能需要为此创建一个子表

有一种CSS方法可以将表与display一起使用:table display:table row display:table cell。这样做的好处是,当尺寸不同时,您可以通过将“显示”更改为“块”或其他方式使其具有响应性

注:
我看到您在“a”锚标记中有一个“hr”标记。它看起来不会影响显示,但可能不是您想要的。

尝试向父div添加高度,看看它是否可以使用该信息计算垂直高度。另外,尝试添加边距:自动0;对样式进行修改。您是否介意制作一个codepen或JSFIDLE,以便我们能更容易地解决这个问题?您的顶部和底部填充在表格单元格上相差5px。这就是问题的原因吗?请先将html和css代码分别添加到不同的文件中,这伤了我的眼睛:SY您的链接有一个
填充左
15
。首先,该单元缺失,因此结果无法预见。将所选的
px
或th单位添加到所有非0值中。除此之外,您需要的是
左边距
,因为这不会不经意地将链接的可点击区域扩展到其左边。谢谢大家迄今为止的帮助。我在底部固定了5px的填充物,这有助于使其均匀。我发现问题在于我的社交媒体图标。如果我将我的设置为“顶部”,它将对齐底部的文本。如果我对齐到“中间”,它会将文本对齐到图像的顶部