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

为什么我的画板 canvas 不能居中

为什么我的画板 canvas 不能居中

刚毅87 2016-07-08 19:46:46
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>基本图形绘制</title> <style type="text/css"> *{ margin: 0; padding: 0; } #myCanvas{ border: 1px solid red; margin: 50px auto; } </style> </head> <body> <canvas id="myCanvas" width="500" height="500"></canvas> </body> <script type="text/javascript"> </script> </html>
查看完整描述

2 回答

?
weibo_哆啦A梦有大口袋_0

TA贡献107条经验 获得超146个赞

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>基本图形绘制</title>
        <style type="text/css">
            *{
                margin: 0;
                padding: 0;
            }
            #myCanvas{
                  display: block;
                border: 1px solid red;
                margin: 50px auto;
            }
        </style>
    </head>
    <body>
        <canvas id="myCanvas" width="500" height="500"></canvas>
    </body>
    <script type="text/javascript">
    </script>
</html>

只有块级元素才能使用,margin: 0 auto进行水平居中

行内元素的水平居中对它的父级使用text-align:center,

解决问题,记得采纳

查看完整回答
4 反对 回复 2016-07-09
已采纳
?
super_mb

TA贡献101条经验 获得超107个赞

经测试,canvas不是块级标签,设置display:block;即可。

查看完整回答
反对 回复 2016-07-08
  • 刚毅87
    刚毅87
    我看canvas课程中,没做任何设置,代码和我上面一样,画板居中 了
  • super_mb
    super_mb
    这个。。我就不知道了,但事实确实就是我所说的那样。。
  • 2 回答
  • 0 关注
  • 2463 浏览
慕课专栏
更多

添加回答

举报

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