<!DOCTYPE html>
<html lang="zh" dir="ltr">
<head>
<meta charset="utf-8">
<title>print</title>
<style type="text/css">
* {
margin: 0;
}
#canvas {
border-style: solid;
border-color: #5bb028;
}
#print {
border-style: solid;
height: 400px;
width: 400px;
display: inline-block;
}
</style>
</head>
<body>
<canvas id="canvas" width="400" height="400"></canvas>
<div id="print">
</div>
</body>
</html>
我觉得两个矩形应该是没有间隔的,但实际上有间隔,用开发工具查看,可以看到两个元素之间,好像出现了一个什么,占据了一定的位置。
请教一下,这是为什么?
两个id之间有回车换行
<canvas id="canvas" width="400" height="400"></canvas><div id="print"></div>