摆脱<canvas>元素周围的填充/边距？
摆脱<canvas>元素周围的填充/边距，可以通过设置CSS样式来实现。在<style>标签中，将<canvas>元素的margin和padding属性设置为0。以下是一个示例：
<!DOCTYPE html>
<html>
<head>
<style>
canvas {
margin: 0;
padding: 0;
}
</style>
</head>
<body>
<canvas width="200" height="200" style="border:1px solid #000000;"></canvas>
</body>
</html>在这个示例中，我们将<canvas>元素的margin和padding属性设置为0，以消除周围的填充和边距。这将确保<canvas>元素与其他元素之间的间距保持一致。
相关·内容
1回答
用毛边和垫子？
、、
我最近开始自己学习，并且是这个领域的新手，所以对于我的基本查询表示歉意。我知道保证金和填充(在逻辑术语中)的区别，但不太确定‘何时我们应该使用保证金和填充’.在一堂课上，一位讲师用“边距”在“刻度图标”和“易于使用”文本之间留出一些空间(见下面的图片)，但在这里也可以使用填充吗？如果没有，如果我使用填充来解决这个问题，会引起什么问题呢？
此外，她用"rem“作为保证金，使用"%”作为填充。使用rem和%(和px)有什么区别？
非常感谢你在这方面的帮助。
浏览 4提问于2020-07-05得票数 0
回答已采纳
2回答
画布上的额外边距
、、、
我正试着制作一个完全适合方形浏览器的画布。问题是继续在屏幕的顶部和左边获得这个额外的空间，而我无法摆脱它。知道我怎么能解决这个问题吗？
码
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
</head>
<style type="text/css">
#gameCanvas {
background-color: blue;
}
</style>
<canvas id="gam
浏览 1提问于2017-06-04得票数 0
回答已采纳
我正在创建一个移动版本的模板，不能摆脱右边距。chrome检查器显示计算样式:右边界:0，但当我将鼠标悬停在源代码中的html上时，我看到右侧有橙色矩形(表示边距)
有没有办法确定利润来自哪里？我甚至尝试将css *中的每个边距填充和边框都更改为0*，但边距仍然在那里，所以我怀疑边上有多个javaScript中的一个，但有很多内容需要及时阅读。
PS。已找到导致问题的原因- div中的绝对定位箭头图标。但是浏览器应该仍然可以告诉它从哪里获得它显示的值(浏览器必须知道它才能显示它)。
浏览 1提问于2013-06-14得票数 0
24回答
在CSS中，边距和填充到底有什么区别？它似乎并没有多大用处。你能给我举个例子，说明差异在哪里(以及为什么知道区别很重要)？
浏览 12提问于2011-05-11得票数 409
2回答
盒子模型中的背景指的是什么(内容、填充、边框和边距)？
换句话说，如果我将其设置为绿色，盒子模型的哪个部分将被设置为显示背景颜色？
它只是应用于box模型的块元素(div，heading等)吗？内联元素(span，text)是否也有填充，边框和边距？
浏览 2提问于2010-01-19得票数 0
回答已采纳
我在outlook中的html电子邮件中有一个看起来像20px边距或填充的东西，我无法摆脱它。同样的事情也发生在苹果邮件客户端上，只是在顶部，而不是在左边。我已将正文边距和填充设置为0。任何人有任何想法来解决这个问题。
<body bgcolor="#ffffff" style="margin: 0; padding: 0">
<table border="0" cellpadding="0" cellspacing="0" height="489" width="638&
浏览 18提问于2012-09-28得票数 1
3回答
每次我尝试在输入的外部添加填充时，它只是在输入的占位符和内部之间添加填充。有人知道怎么解决这个问题吗？
#ask {
padding: 10px 10px 10px 6px;
font-size:45px;
background-color:#F2F2F2;
}
<input id="ask" type="text" placeholder = "Ex: How tall is the Gateway Arch" autocomplete="on
浏览 0提问于2015-09-16得票数 3
回答已采纳
这让我抓狂:我是一个实习生:我的老板想让我在IE6中使用jquery插件"supersleight“和32位png来使它们透明。我得到了所有的html工作，他们都被正确地放置，但当我应用javascript时，那些使用填充的png是拉伸的。我需要填充来在css中放置一些按钮，否则我将不得不声明12个类，而不是只声明5个类(而不是为每个对象声明left:Xpx；我可以做" padding : 0 Xpx 0 Ypx“
如果不给每个页面添加一个单独的类，就不可能解决这个问题吗？
浏览 1提问于2010-01-08得票数 0
回答已采纳
1回答
* {
padding: 0;
margin: 0;
border: 0;
}
.canvas {
border: 1px solid black;
margin: 2px;
width: calc(100vw - 6px);
height: calc(100vh - 6px);
}
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="styles.css&#
浏览 1提问于2020-08-14得票数 0
回答已采纳
1回答
我一直在想，为什么Flutter没有保证金Widget，但是有填充Widget呢？注意:我知道我可以使用Container访问这两个属性。
浏览 2提问于2022-11-05得票数 0
如果我有控制，说一个按钮。到下一个UI元素的距离可以由边距和填充控制。我选哪一个有关系吗？对于应用程序或用户来说，有效的区别是什么？
浏览 2提问于2015-01-24得票数 0
回答已采纳
1回答
我正在尝试创建一个div部分，里面有图像和文本，并且有滚动溢出，但是当我添加overflow: scroll时，文本的顶部会添加一个额外的换行符，我不知道如何去掉它。 我知道这不是填充或页边距的问题，因为图像仍然位于顶部。文本只是有额外的空格。只删除overflow: scroll行就可以去掉它，所以我不知道为什么会发生这种情况。 <!doctype html>
<html>
<head>
<style>
.scroll {
height: 160px;
overflow: scroll;
}
img.
浏览 22提问于2021-10-17得票数 1
回答已采纳
我试图用背景色填充整个<header>，但问题是，当我试图查看页面时，而不是用颜色填充整个<header>时，<header>的顶部、左侧和右侧都有白色边框。我可以知道为什么背景色不能完全填满整个<header>空间吗？
header {
background-color: #ECF3F3;
}
<body>
<header>
<h1>Food Hunt</h1>
</header>
<nav>
</nav>
<aside
浏览 0提问于2013-11-26得票数 4
回答已采纳
2回答
我是web dev的新手，我想了解更多关于页面顶部空白的内容。
下面是我的代码片段：
HTML：
<div>
<p>lorem ipsum</P>
</div>
CSS：
div {
background-color: black;
}
我尝试将正文元素设置为0边距，但浏览器的顶部仍然显示空白。
body {
margin: 0;
}
然后，我尝试向div添加填充，空白区域将不再存在。
div {
padding-top: 100px;
}
但是，有没有其他方法可以消除空白呢？
另外，我的理解是浏览器有设置边距的默
浏览 0提问于2021-12-04得票数 0
我做了一个简单的表格，只有一个单元格，应该跨越100%的身体宽度和100%的身体高度。然而，单元格中的文本不应该从边缘到边缘覆盖整个页面，所以我对单元格(而不是表格！)应用了左右填充。
这在所有浏览器(甚至是IE7和IE6！)中都能完美地工作。除了IE8。在IE8中，单元格中的文本溢出整个页面，而不显示水平滚动条。
有没有人发现任何问题或能给出任何线索？
<table id="supportMessage">
<tbody>
<tr>
<td>
<p>Ihr Browser ist veraltet
浏览 0提问于2017-02-01得票数 0
3回答
我已经将我所有的divs设置为没有边框，没有底限，没有填充，而且我仍然得到了这个空白。
有人能想出我能做些什么来摆脱它吗。
这个网站在。
浏览 0提问于2013-09-28得票数 0
回答已采纳
我无法处理Treeview wpf中节点之间的间隔设置。
我操作填充，并在结果中给出主节点之间的空格，而不是子节点之间的空格。
有什么方法可以摆脱它吗？
浏览 36提问于2010-05-12得票数 0
回答已采纳
有没有其他人遇到过这种情况？这是这么多年来第二次出现这个问题，我不确定解决它的“正确”方法。
我可以在孩子中使用填充来达到同样的效果，但这是没有意义的。
在Safari/FF中测试。
浏览 3提问于2010-10-15得票数 4
回答已采纳
3回答
关于如何使用边距的信息
、、、、
我需要一些信息，如何使用毛边和确切的填充工作。
例如:我是否应该放一条线来占据整个页面的宽度(无论使用什么分辨率来显示网页)，让每一边只有一个小边框，我怎么能做到这一点呢？
浏览 5提问于2008-09-19得票数 2
回答已采纳
2回答
我正在实现一个具有响应性设计的页面。它的最小宽度为320 It。当我将屏幕缩小到320 of宽时，它周围仍然有一个小边框，这是<body>的一部分(我已经将背景色设置为红色)。
我的CSS是：
body {
background-color: red;
color: #010109;
}
#newPageTable {
position: relative;
min-width: 320px;
height: 100%;
margin: 0px auto;
border: 0px;
padding: 0px
浏览 2提问于2013-09-19得票数 2
回答已采纳
5回答
在StackPanel上填充？
、、、、
我正在尝试设置StackPanel的填充，但是没有这样的属性。我尝试过StackPanel.Border，但也没有这样的属性。
有什么想法吗？
浏览 0提问于2009-08-20得票数 75
回答已采纳
4回答
我正在尝试做一个“收件箱”在引导类似Gmail的外观和感觉。
不过，我与专家小组有一些问题，认为邮件是在。
我很难摆脱这个毛边或垫子，我不知道它是什么。
我已经将面板主体的边距和填充设置为零，但它仍然保持不变。
.panel-body{
padding: 0px;
padding-bottom: 0px;
margin-bottom: none;
}
有什么简单的方法可以找出这个垫子是从哪里来的？
浏览 7提问于2015-02-11得票数 2
回答已采纳
我有权得出结论，CSS页边距(例如，页边距-左)会影响绝对位置元素的最终位置吗？它似乎是一个负边距--向左拉它到左边(它的绝对位置)，一个正值到右边(它的绝对位置)。
有人能给我解释一下绝对定位元素和边距的组合吗？
谢谢。
浏览 0提问于2014-06-24得票数 1
我怀念WPF中的HTML-cellspacing。我正试图在WPF的网格中实现一些类似的东西，方法是创建一个自定义的网格类，覆盖网格，然后修改MeasureOverride和ArrangeOverride以获得我想要的行为。这就是网格中的每个单元格应该与其他单元格具有固定的间距(而不是填充)。如何做到这一点呢？
浏览 2提问于2011-04-27得票数 5
回答已采纳
2回答
我正在尝试添加一个边框和填充到XHTML1.0过渡网页的表格行(见下面的代码重现)。我知道，如果我将页面类型更改为其他类型，我将能够向表格行和单元格添加边框和填充。但是在XHTML1.0转换版中，它根本不起作用。
考虑到我不能改变DOCTYPE，我应该怎么做，在表格中添加边框和填充？
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
浏览 8提问于2010-07-13得票数 1
回答已采纳
3回答
我想要红色边界线在画布周围适合它的方式。目前，所有的空白都阻止了这种情况的发生。
代码的哪个部分对此负责？
这就是我要做的，从画布周围移除空白。
代码
我不知道该怎么做
你如何摆脱红色边框中所有的空白？
我正在尝试这样做：
let s = document.createElement("canvas");
s.width = s.height = 512;
let sun = s.getContext("2d");
let canvas = document.getElementById("c"
浏览 21提问于2022-11-05得票数 -1
4回答
当我想在(逻辑)容器div中放置一些(逻辑上有意义的) div时，
这两种方法中哪一种在逻辑上更正确？
设置容器的填充属性
设置内部div的边距属性。
有时，容器中有多个元素，如下所示：
对于这种情况，我需要独立于元素周围的空间来设置元素之间的空间。对于中间的空格，我不能使用容器的填充属性，我必须使用内部元素的边距(-left或-right)。考虑到这一点，在设置容器和元素之间的空间时，我想知道设置元素的边距(-left、-right、-top、-bottom)还是设置容器的填充是否更有意义。
我用柔韧箱。我还有一个设置为box-sizing: border
浏览 8提问于2013-06-02得票数 15
回答已采纳
1回答
我已经搜索了很多，尝试了很多东西，但是我不能解决这个问题。
我得到了一个水平滚动条，即使我所有的元素都有100%的宽度，没有填充。
请帮我摆脱它，她是。
浏览 3提问于2011-09-09得票数 0
回答已采纳
1回答
我有一个材料UI容器组件，我正在包装我的页面，但在外部存在一个空白，我无法摆脱。我试过将margin和padding调整为0，但似乎没有任何效果。任何人都有任何CSS解决方案，以使组件填充整个宽度？
浏览 4提问于2021-12-05得票数 2
7回答
向右对齐
、、
例如，我有以下代码：
JSFiddle:
HTML:
<html>
<p class="hey">hi</p>
</html>
CSS:
.hey {
width:100%;
background-color:red;
margin:0;
padding:0;
}
在页面的右侧仍然有一些填充。
我怎样才能摆脱这个空白，使红色的背景颜色延伸到页面的最末端？
浏览 3提问于2012-09-07得票数 0
回答已采纳
4回答
我在WPF中使用了TabControl类，我注意到每个TabItem的内容在所有的边上都有4像素的默认边距。
示例代码：
<Window x:Class="TabControlPadding.Window1"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="Window1" Height="
浏览 60提问于2010-08-03得票数 27
回答已采纳
2回答
我读过关于保证金和衬垫的文章。我的理解是，“边距是边界外的空间，在边界内使用填充”。
下面是解释它的。我的查询是关于这些信息的应用。
在设计网站时，我不会在任何地方使用边界。意思是，我用边距和填充来解决同样的问题。在这种情况下。我应该如何选择，无论我是使用毛边还是垫子。是否与任何人有依赖关系？
因此，当边框不可见时，如何将边距和衬垫用于不同的用途。有人能解释一下我们只需要使用其中一种而不是另一种的情况吗？
浏览 2提问于2012-07-13得票数 1
1回答
我对Justified有一个小问题。我不能摆脱图像周围的间距，所以图像没有正确地与网站网格对齐。
它看起来像是在相册包装上有一个填充，但没有填充。检查此页面上的红色背景：
我尝试在容器上应用负边距以使其适合网格，但它不起作用。
浏览 7提问于2018-12-07得票数 1
1回答
我是一个HTML初学者，我知道填充是内容和边界之间的空间，而边距是边框之外的空间。
因此，如果我想在内部元素和外部元素之间创建一些空间--比如我希望从到的效果--它应该将padding-top: 100px;放在外部元素上，而不是将margin-top: 100px;放在内部元素上。
所以，我的问题是，当我将margin-top: 100px;放在内部元素时，不能创建空间()，但是为什么当我将margin-top: 300px;放在外部元素时，可以在身体和外部元素之间创建空间呢？
然后我尝试将padding-top: 100px;放在外部元素上，margin-top: 100px;放在内部元素
浏览 4提问于2017-11-11得票数 0
回答已采纳
1回答
我有非常简单的开始代码：
<!doctype html>
<head>
</head>
<body>
<style>
.master {
background: green;
}
.master div {
background: red;
}
</style>
<div class="master">
<div>
abc
</div>
</div>
</body>
</html>
我也把它放在上。只有内部(红色) di
浏览 2提问于2014-07-23得票数 2
回答已采纳
5回答
我快要疯了，想摆脱网页顶部的这个小填充。它在所有浏览器中都会显示。这是一张照片
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset=UTF-8" />
<link href="mainpage.css" rel="stylesheet" type="text/css" />
<title>Mobile Development</title>
</head>
<
浏览 1提问于2011-08-28得票数 2
回答已采纳
5回答
使用带有(例如) Canvas.LeftProperty和Margin属性的SetValue有什么区别吗？
更清楚地说：
<Canvas>
<Rectangle x:Name="rect">
</Canvas>
是
rect.SetValue(Canvas.LeftProperty, 10)
等同于
rect.Margin = new Thickness(10, 0, 0, 0)
还是不想？
浏览 0提问于2012-06-13得票数 5
回答已采纳
3回答
当对子元素(h2)使用边距时，为什么要给父元素(#box)边距呢？如果我将边距改为填充，它会按预期工作。是什么改变了还是我错过了什么？下面是我的示例代码
<html>
<head>
<style>
#box{
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
height:200px;
width:500px;
background:red;
box-shadow: 15px 15px 12px grey;
-moz-box-shadow: 15px 15px
浏览 0提问于2009-11-06得票数 0
回答已采纳
3回答
我正在读一本关于CSS基础的书。书中声称内联元素具有完整的填充属性，但没有margin-top/bottom属性，只有margin-left/right属性。
我的第一个问题是，作为官方声明，我在哪里可以找到这个问题？我发现，如果margin-top/bottom被设置为auto，那么它就被设置为0。但是，这与说margin-top/bottom不适用于内联元素有什么不同？
我的第二个问题是，内联元素真的有完整的填充属性吗？我尝试了以下示例：
<!DOCTYPE html>
<html>
<head> </head>
<b
浏览 3提问于2015-11-09得票数 10
回答已采纳
2回答
如何减少代码中li水平元素之间的空间，我一直试图通过更改填充属性和页边距属性来做到这一点(我已经尝试将这些属性设置为负值，但没有帮助)。
下面是我正在尝试的代码
footer li {
display: flex;
flex-wrap: wrap;
width: 300px;
flex-direction: row;
justify-content: space-around;
font-size: 20px;
padding-right: 70px;
list-style: none;
margin-left: 10px;
}
浏览 0提问于2020-07-29得票数 0
回答已采纳
3回答
我在这里有一个问题，我在这个文本周围获得了空间，我无法摆脱它。我不能将全局填充:0或边距:0应用于所有div。我的div是页面的一部分，我想要单独删除div周围的额外空间，我不能对body应用padding0或margin:0。
<html>
<body>
<div class="topcont" id="topcont" style="display: block;padding:0px;margin:0px">
<div id="dragcont" style="displa
浏览 0提问于2012-08-11得票数 0
3回答
我正在努力使我的网站的顶部。我需要更多的间距之间的标志和名称在边界。我的CSS：
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
}
li {
float: left;
}
.list {
border-style: ridge;
border-color: green;
border-width: 25px;
}
我想要在图像和名字之间留出更多的空间，现在它大约相隔一两厘米。
浏览 0提问于2017-11-11得票数 0
我的布局有几个bug，我想知道是否有人能帮我解决问题。我需要删除导航栏上方和页脚下方的空白。其次，我希望所有的页脚元素都在同一行中，而不是被稍微错开。我附上了一个网站的图片，以及与之配套的HTML和CSS。提前感谢！
HTML：
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>21st Century Dad</title>
<link type="text/css" rel="stylesheet
浏览 7提问于2017-04-07得票数 0
回答已采纳
我试图理解CSS中的填充、边距和负边距，我创建了下面的代码来增加我的理解。
我尝试在我的“行”类中添加一个边距，根据我对CSS中边距的基本知识，我预计会出现以下情况：
正边距-左转20 of会把我的div和类“行”20 of推到左边。
负边距-左转20 to会把我的div和类“行”20 to推到右边。
然而，事实并非如此。实际上发生了以下情况：
正边距-左减少类为“行”的div的宽度，左侧为20 to。
负边距-左增加类为“行”的div的宽度，左侧为20 to。
现在我有一种感觉，这是因为我的带有类"row“的div是一个带有类”容器“的div的子类。然
浏览 1提问于2017-01-17得票数 1
我使用画布、HTML5标签和JavaScript创建了一个简单的web应用程序，它允许在按下鼠标时沿直线绘制。当我不使用任何CSS格式时，这可以很好地工作。但是，当我使用CSS格式时，这不能正常工作:线条被绘制到远离鼠标所在的位置。
context = document.getElementById('drawing').getContext("2d");
//below code to ensure compatibility with older browser by check if addEventListener is available or not
浏览 0提问于2015-11-15得票数 2
我想从容器中删除填充，所以我将它的padding-left和padding-right设置为0。我已经达到了预期的效果，但是我得到了一个奇怪的页面溢出效果，正如你所看到的：
(请注意底部的滚动条)。
所以我的问题是如何摆脱这种不想要的影响？
浏览 2提问于2014-03-13得票数 0
3回答
回复电子邮件
、、、
我在写一封回复邮件。我的代码可以在任何地方运行，除了Outlook 7和10。我知道它与填充和页边距有关，我尝试了所有的方法来解决这个问题，但它仍然不起作用。有人有解决这个问题的办法吗？我试过他们说的：
所以我把我所有的页边距标签改成了：margin-left:5%; to margin:0 0 0 5%;
我希望有人能帮我解决这个问题。
提前感谢
浏览 0提问于2015-07-02得票数 0
1回答
我正在做这个CSS，我在一个div里面包装了一篇文章。我已经给出了两者的百分比宽度，以及div的填充。在我给文章添加边框之前，我的填充似乎是“不适用的”。您可以通过注释应用于文章的边框来查看差异。我的文章是身高收缩。为什么会发生这种情况？
<style>
body{
margin:100px;
}
.content{
width:100%;
padding:.9746589%;
background:green;
}
.content>article{
width:100%;
background:yellow;
border:1px solid
浏览 3提问于2013-08-24得票数 0
我有一个div包在一个链接标签中，当您在Chrome中选择它时，它看起来如下：
我知道这是一个轻微的不满，但有没有办法摆脱在顶部的“露头”，我认为是Chrome概述了HTML的链接部分。但我想保持默认的铬蓝色轮廓周围的图像部分。
下面是一个简化的测试用例：
HTML：
<html>
<body>
<a href='tree.com'>
<div class='card'>
<img src='https://upload.wikimedia.org/wikipedia/commons/thu
浏览 0提问于2018-09-22得票数 2
回答已采纳
使用Qt设计器再现的步骤：
1- Add a "Grid Layout"
2- Right click in the MainWindow background and
Lay out -> Lay out in Grid
3- Add a "Scroll Area"
4- Add a "Frame"
5- Right click in the "Scroll Area" and
Lay out -> Lay out in Grid
6- Add a "Label" into t
浏览 1提问于2022-10-04得票数 -1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
