Html 高度:表单元格内锚定标记保持垂直对齐的100%

Html 高度:表单元格内锚定标记保持垂直对齐的100%,html,css,Html,Css,如何在“Bar”和“Baz”之间垂直对齐“Foo”,就像它在没有锚的情况下自动对齐一样?我不能使用,因为我想允许链接文本显著扩展单元格。 酒吧Baz CSS: 表格{ 边界塌陷:塌陷; } 运输署{ 边框:1px实心#ddd; } .链接包装{ 身高:100%; } .链接{ 显示:块; 背景:#afa; 身高:100%; } 你想要这个吗 解决方案很简单:不要使用带有高度的显示:块。高度是这里的问题 如果要将颜色应用于整个td,请将颜色也应用于td,而不是应用于内部元素 更新: 只

如何在“Bar”和“Baz”之间垂直对齐“Foo”,就像它在没有锚的情况下自动对齐一样?我不能使用,因为我想允许链接文本显著扩展单元格。


酒吧
Baz
CSS:

表格{
边界塌陷:塌陷;
}
运输署{
边框:1px实心#ddd;
}
.链接包装{
身高:100%;
}
.链接{
显示:块;
背景:#afa;
身高:100%;
}
你想要这个吗

解决方案很简单:不要使用带有高度的
显示:块
。高度是这里的问题

如果要将颜色应用于整个td,请将颜色也应用于td,而不是应用于内部元素


更新


只是一些魔法。我所做的是转换表中的
标记(使用css;因此它具有所有属性),并在其中创建了一个
,使用
垂直对齐:中间
显示:表格单元格。所以它基本上是一张桌子中的一张桌子。因此,伪表是一个
:可在其所有空间中单击。

侧栏。有一个“相关”部分。使用它。我向你保证,这个问题本身没有开放的解决方案。不,整个单元格空间都应该是可点击的。@quasiyoke你可能想为webkit报告一个错误?我也是:),但如果它在最流行的浏览器中不起作用,我不能将其标记为“已接受”。外部单元格有不可移动的顶部和底部填充物。@我刚才注意到,当我将高度更改为“行数”时,它可以工作…:现在是2018年,这在Chrome中仍然不起作用!