Javascript 如何将跨度垂直拉伸到其父元素<;td>;在IE11中使用css
我有一个包含span元素的表。我需要将这些跨度元素拉伸到跨度元素所在的表格单元格的全宽和全高 我可以轻松地将跨度水平拉伸到100%,但我没有那么多的运气垂直拉伸跨度。我已经花了几个小时尝试了以下css属性及其各种值的不同组合…“display”、“overflow”和“position”等。到目前为止没有运气 任何关于如何将跨度拉伸到父图元100%高度的提示都将不胜感激 以下是我的代码示例:Javascript 如何将跨度垂直拉伸到其父元素<;td>;在IE11中使用css,javascript,html,css,internet-explorer-11,Javascript,Html,Css,Internet Explorer 11,我有一个包含span元素的表。我需要将这些跨度元素拉伸到跨度元素所在的表格单元格的全宽和全高 我可以轻松地将跨度水平拉伸到100%,但我没有那么多的运气垂直拉伸跨度。我已经花了几个小时尝试了以下css属性及其各种值的不同组合…“display”、“overflow”和“position”等。到目前为止没有运气 任何关于如何将跨度拉伸到父图元100%高度的提示都将不胜感激 以下是我的代码示例: .testTable tbody>tr>td{ 垂直对齐:顶部; } .customSpan{ 边框:
.testTable tbody>tr>td{
垂直对齐:顶部;
}
.customSpan{
边框:1px纯绿色;
保证金:0自动;
填充:0px;
显示:表格;
背景:橙色;
宽度:100%;
身高:100%;
}
总目123
总目123
总目123
测试123
测试123
测试123测试123
测试123测试123测试123测试123测试
测试123测试123测试123测试123测试1月测试123测试123测试123测试123测试123测试123测试123测试123测试
测试123/span>
测试123
测试123测试123测试123
您需要向td添加高度值,如下所示:
.testTable td{
height:100%;
}
这里有一个有趣的帖子:谢谢你的回复。不幸的是,这种解决方案通常在Chrome和FF中工作,但在Edge(v40)或IE11中似乎不起作用。我主要关注的浏览器是IE和Edge。如果你添加一个特定的高度值,这是否有效?like
高度:100px代码>。它看起来对我的工作与指定的边缘。哈!是的,它似乎起作用了。testTable tbody>tr>td{vertical align:top;height:1px;}即使我只将高度设置为1px。我很困惑,但我似乎做到了。非常感谢,@webbm!如果你想给td的背景上色,你可以直接把这个类放在td上?您不必担心设置跨度的样式。我用这个跨度做什么?