我想删除第一行和第二行之间的画布空间[重复]答案

【问题标题】：I want to delete the canvas space between the first and second lines [duplicate]我想删除第一行和第二行之间的画布空间[重复]
【发布时间】：2020-12-12 20:29:40
【问题描述】：

我想删除第一行和第二行之间的画布空间。

<canvas></canvas><canvas></canvas>... more <canvas>

jsfiddle

而且，我想将所有画布重叠一个像素。

Like this

这可能吗？

【问题讨论】：

对不起，jsfiddle 链接是jsfiddle.net/dk5xewzs
欢迎来到 StackOverflow！请修复图像，因为第二个与第一个相同（您也可以在[jsfiddle][1] 和[Like this][1] 之前插入! 以将它们显示为概览）。 |也不要将图片作为代码插入，否则图片会丢失超链接
vertical--align:top 然后margin:0 0 -1px -1px

标签： html css canvas html5-canvas

【解决方案1】：

只需应用这种样式：

canvas {
    border:1px solid;
    margin-bottom: -5px;
    margin-right: -1px;
}

【讨论】：

【解决方案2】：

canvas {
  border:1px solid;
  margin: 0;
  width: 49.5%;
  float: left;
}

【讨论】：

干得好！另外建议使用box-sizing: border-box;，然后使用width: 50%;
稍微解释一下会让这个答案变得更好！请考虑解释这个解决方案！