这两天在看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 这样还是其他的“块级”元素也有这样的表现。。有了解的朋友可以帮忙解答一下吗?谢谢。
付费偷看金额在0.1-10元之间
一周热门 更多>