1

可能重复：
消除 HTML5 画布元素下方的幽灵边距？

我的 DOM 类似于：

<ul>
  <li><canvas width="200" height="300" /></li>
</ul>

您可以在 jsFiddle 中看到它。

尽管我已将所有边距和填充值设置为零，但canvas在li. 我已经尝试了很多方法来删除它，但显​​然我错过了一些东西。

Chrome 22、Firefox 15 和 IE 9 之间的行为是相同的，因此看起来不像是故障。

我错过了什么？

4

1 回答 1

1

添加vertical-align:top到画布将修复它。

jsFiddle 示例

于 2012-10-21T15:59:06.657 回答