canvas与块级元素 财富值76

2016-10-17 02:21发布

这两天在看canvas,资料说canvas是块级元素。然后有个事情就让我很费解。。。

有简单的 html文件如下:

<!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8"> </head> <body> <canvas id="a" style="border: 1px solid #000;">     不支持canvas! </canvas> </body> </html>

有这样两个小知识点:canvas 如果不设置宽高,默认 300*150.而拥有定宽的块元素想在所在行实现水平居中,只要设置css属性margin: 0 auto;就可以了。

但是,我给这个标签加了 margin 属性,它并没有水平居中。

我觉得可能是因为默认的 300*150 是画布内容的宽高,想达到效果要设置画布的大小。然后我在行内样式又追加了canvas的宽高~还是不能实现水平居中。

想让它水平居中,必须要设置display: block

可是,canvas 如果是块级元素的话,它的 display 属性难道不应该默认就是 block 吗?十分费解。也不知道是只有 canvas 这样还是其他的“块级”元素也有这样的表现。。有了解的朋友可以帮忙解答一下吗?谢谢。

友情提示: 问题已经关闭,关闭后问题禁止继续编辑,回答。