Css 表格单元格难题：试图在整个单元格区域都可以点击链接的表格单元格内垂直居中链接

如您所见，为了使整个表格单元格链接可点击，我使用了

td a{display:block}

。问题是

td a{vertical align:middle}

不再适用于

display:block

。不知道如何将其垂直居中。任何帮助都将不胜感激

另外，我避免使用

行高

，因为我的链接需要多行

表格{
宽度：300px；
边界塌陷：塌陷；
}
运输署{
边框：1px实心#000000；
高度：100px；
垂直对齐：中间对齐；
}
运输署署长{
显示：块；
高度：100px；
垂直对齐：中间！重要；
}

正文

您可以使用辅助工具

span

将其置于锚定内的中心位置，以便其内容可以自由移动和对齐

例如：

表格{
宽度：300px；
边界塌陷：塌陷；
}
运输署{
边框：1px实心#000000；
高度：100px；
垂直对齐：中间对齐；
}
运输署署长{
显示器：flex；
身高：100%；
}
td a跨度{
高度：适合的内容；
自对准：居中；
}

正文

您可以使用辅助工具

span

将其置于锚定内的中心位置，以便其内容可以自由移动和对齐

例如：

表格{
宽度：300px；
边界塌陷：塌陷；
}
运输署{
边框：1px实心#000000；
高度：100px；
垂直对齐：中间对齐；
}
运输署署长{
显示器：flex；
身高：100%；
}
td a跨度{
高度：适合的内容；
自对准：居中；
}

正文

在锚定标记中添加了span，并对输出进行了CSS更改

表格{
宽度：300px；
边界塌陷：塌陷；
}
运输署{
边框：1px实心#000000；
高度：100px；
垂直对齐：中间对齐；
}
运输署署长{
显示：表格；
位置：相对位置；
身高：100%；
宽度：100%；
}
跨度{
显示：表格单元格；
文本对齐：居中；
垂直对齐：中间对齐；
}

正文

在锚定标记中添加了span，并对输出进行了CSS更改

表格{
宽度：300px；
边界塌陷：塌陷；
}
运输署{
边框：1px实心#000000；
高度：100px；
垂直对齐：中间对齐；
}
运输署署长{
显示：表格；
位置：相对位置；
身高：100%；
宽度：100%；
}
跨度{
显示：表格单元格；
文本对齐：居中；
垂直对齐：中间对齐；
}

正文

对不起，解决方案不好。我的链接有几行，加上“行高：100px”，看起来很可笑。好吧，你应该在提问时澄清一些事情，这就是为什么我们可以放一些可复制的例子。更新，检查，我希望它对你有帮助。不，对不起。现在只有链接本身是可点击的。我需要整个表格单元格区域是可点击的，而不仅仅是链接。没错，我在第一次编辑时错过了这一点。现在我认为它符合规格。对不起，解决方案不好。我的链接有几行，加上“行高：100px”，看起来很可笑。好吧，你应该在提问时澄清一些事情，这就是为什么我们可以放一些可复制的例子。更新，检查，我希望它对你有帮助。不，对不起。现在只有链接本身是可点击的。我需要整个表格单元格区域是可点击的，而不仅仅是链接。没错，我在第一次编辑时错过了这一点。现在我认为它符合规格。谢谢你的解决方案。这也行。谢谢你的解决方案。它也有效。