【问题标题】:Removing space below canvas when within li [duplicate]在 li 内删除画布下方的空间 [重复]
【发布时间】:2012-10-22 00:20:13
【问题描述】:

可能重复:
Eliminate ghost margin below HTML5 canvas element?

我的 DOM 类似于:

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

你可以see it in the jsFiddle

即使我已将所有边距和内边距值设置为零,canvas 的底部和li 的底部之间仍然有一个悬挂空间。我已经尝试了很多方法来删除它,但显​​然缺少一些东西。

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

我错过了什么?

【问题讨论】:

  • 也许this related question 可以帮忙?
  • 在 Chrome 上,当同时提供 licanvas display: block 时,它会消失。不过,我不知道为什么。

标签: css html


【解决方案1】:

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

jsFiddle example

【讨论】:

    猜你喜欢
    • 2017-06-07
    • 1970-01-01
    • 2012-05-23
    • 2020-12-12
    • 2011-12-08
    • 1970-01-01
    • 1970-01-01
    • 2021-03-08
    • 1970-01-01
    相关资源
    最近更新 更多