gpt4 book ai didi

html - 摆脱 元素周围的填充/边距?

转载 作者:太空狗 更新时间:2023-10-29 13:54:06 24 4
gpt4 key购买 nike

我在 div 中有一个 Canvas 对象。 Canvas 似乎以某种方式在其周围填充。我希望它的边缘接触到浏览器屏幕的边缘:

// my html file:
<body>
<div id="canvasholder"></div>
</body>

// my java gwt code
Canvas canvas = Canvas.createIfSupported();
canvas.setWidth("100%");
canvas.setHeight("100%");
RootPanel.get("canvasholder").add(canvas);

但是是的,页面在 canvas 元素周围仍然有 ~20px 的边距。除了上面复制的内容之外,页面上没有其他内容。

我不认为这是 GWT 特有的问题,可能是 html 元素对它们有默认的填充/边距?

谢谢

--------更新------------

奇怪的是,我仍然看到填充,firebug 插件向我显示 body 元素以某种方式有 10px 的边距:

// firebug inspection of the body element:
body {
background: none repeat scroll 0 0 #FFFFFF;
border: 0 none;
color: black;
direction: ltr;
margin: 10px; // huh?
padding: 0;
}

// my css file:
hml, body, div, canvas {
margin: 0px;
padding: 0px;
}
div.logParent {
position: absolute;
top: 20px; left: 20px;
color: black;
z-index: 2;
}

最佳答案

我遇到了类似的问题,当我将 div 放在页面底部时,绝对定位的 div 和内部 Canvas (通过 JS 添加,因此周围没有额外的空格)导致页面溢出。

解决方案是将 Canvas 显示属性设置为“ block ”(当时不知道默认情况下它是“内联 block ”)现在没有添加额外的填充并且滚动条消失了.

关于html - 摆脱 <canvas> 元素周围的填充/边距?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11802788/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com