div.header{ background-color: #ededed; //width:100%; width:1100px;
cuốn sách gpt4 ai đã làm

html -
内的 SVG 总是比容器大

In lại Tác giả: Walker 123 更新时间:2023-11-28 05:07:04 26 4
mua khóa gpt4 Nike

我在 DIV 中有一个巨大的 SVG 文件。我想通过单击 A 链接在 div 中滚动 SVG。

我的问题是我希望我的 DIV 保持小于我的 SVG 文档,这样我就可以有事件的滚动条。 假设我的 SVG 文档的高度为 10.000,宽度为 1.100,位于 200px x 100px DIV 元素内。但无论我做什么,我的 DIV 元素都会变得和 SVG 一样大。我怎样才能限制我的 div 的大小?

Đây là mã của tôi:


<br>YOP<br><br><br><đầu><br><br><style type="text/css"> <br><!--<br> div.header{<br><br>background:black;<br>background-color: #ededed; <br>lề trên: 0px;<br>vị trí: cố định;<br>top: 0px;<br>//width:100%;<br>width:1100px;<br>height: 500px;<br> }<br><br> --><br> </style><br><br><br><script type="text/javascript"> <br> var pos = 0;<br><br> function MyFtion(){<br> var elem = document.getElementById('aSVG'); <br><br> pos = pos + 100;<br> elem.scrollTop = pos + 100;<br> window.scroll(0, pos);<br><br> }<br> </script><br> <br><br> <body bgcolor="white"><br><br> <div class="header" id="MyDiv2"><br> <a href='javascript:MyFtion()'>** Move s**</a> <br> </div><br><br><br> <div id="oo" height="200px" width="100px" style="margin-top:100px;overflow:scroll;"> <br> <object id="aSVG" data="out.svg" style="margin-top:100px;overflow:hidden;"></object> <br> </div><br><br><br> <a href="/google.xml" target="_blank">Xem sitemap của VNExpress</a> </body><br> </đầu>

请注意,我尝试将 hiển thị:khối; 添加到我的 OBJECT 标签的样式中,但没有成功。

感谢您的帮助,

安托万

câu trả lời hay nhất

有时 heightchiều rộng HTML 属性不能很好地与 CSS 配合使用,因此请尝试使用 CSS 等效项。

#oo{
chiều cao: 200px;
width:100px;
margin-top:100px;
overflow:scroll;
}

关于html -

内的 SVG 总是比容器大,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6124940/

26 4 0
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com
Xem sitemap của VNExpress