html - SVG 在表格 td 内获取全高度

Question

如何使 SVG 占据表格单元格内的整个高度？

目标是通过仅更改单元格 () 内的代码来实现此目的，而不用对像素高度进行硬编码。它在 firefox 和 safari 中工作，但在 IE 和 chrome 中很奇怪(chrome 中没有大小，IE 中很大)

- fiddle 中的示例(你看不到箭头)

Answer 1

设置max-height:100%在您的<svg>上是 Chrome 的一个已知解决方法。

参见:http://jsfiddle.net/DyUGN/7/

还添加 display: block进一步改进渲染。

SVG {
    display: block;
    max-height: 100%;
}

参见:http://jsfiddle.net/DyUGN/8/

我不确定 IE 到底在做什么。我不知道解决方法。您可能必须使用 Phrogz 的方法。或者，如果您可以忍受它，只需设置 <svg> width和height明确:

<svg version="1.1" width="18" height="18" ...

参见:http://jsfiddle.net/DyUGN/9/