为了账号安全,请及时绑定邮箱和手机立即绑定

html中两个margin为零的元素,为什么还是有间隔?

html中两个margin为零的元素,为什么还是有间隔?

FFIVE 2019-03-25 10:39:42
<!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>我觉得两个矩形应该是没有间隔的,但实际上有间隔,用开发工具查看,可以看到两个元素之间,好像出现了一个什么,占据了一定的位置。请教一下,这是为什么?
查看完整描述

2 回答

?
MM们

TA贡献1886条经验 获得超2个赞

两个id之间有回车换行
<canvas id="canvas" width="400" height="400"></canvas><div id="print"></div>

查看完整回答
反对 回复 2019-03-25
?
饮歌长啸

TA贡献1951条经验 获得超3个赞

元素之间有回车换行, 可以给父元素加font-size:0; 或者用letter-spacing消除间距

查看完整回答
反对 回复 2019-03-25
  • 2 回答
  • 0 关注
  • 1378 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信