在此示例中，SVG 图像应位于页面顶部。然而，它要低得多。
移除宽度(在 img 样式中)允许图像正确移动到顶部位置。
是因为 SVG 宽度和高度大小不同吗？ 我很困惑，因为同一页面上的所有其他 SVG 都正确显示。每页仅将第一张图片向下移动。
您可以在下面的代码中查看示例:http://jsfiddle.net/no1uknow/62ATG/
<html>
<head>
</head>
<body>
<div id="page_container">
<div id='' class='chartdiv' style='page-break-after:always; border:0px solid #000;'>
<img style="margin: 0px 0px 0px 0px;vertical-align: top; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; display: list-item; width: 700px; position: absolute; top: auto; left: auto; height: 1220px; " src="http://dataprofiles.com/20130924.161531.418239-23-0-chartFreqAtaTailNum.svg"/>
</div>
</div>
</body>
</html>
最佳答案
我不确定您的尺寸(700 像素 x 1220 像素)是否适合 svg 的宽高比。如果您稍微更改 CSS:
min-width: 700px;
max-height: 1220px;
图片位于页面顶部。看这里:http://jsfiddle.net/62ATG/1/
关于html - 移除宽度会改变 SVG 图像的顶部位置，为什么？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18992405/