html5 canvas画布居中以及例子

今天写一个python前端的时候想把canvas的画布居中，一开始代码是这样的：
#scene{
    margin:0 auto;
}
<canvas id="scene" width="800" height="600"></canvas>
如图，设置了canvas的margin：0 auto；可是显示效果并不居中。最后我改为了下面的代码，那么canvas就居中了。
********************************************************************
 

    <style>
        canvas {
            -moz-user-select: none;
            -webkit-user-select: none;
            -ms-user-select: none;
        }

        .container {
            margin: 0 auto;
            width: 66%;
            height: 55%;
        }
    </style>
    
    <div class="container">
        <div class="collapse navbar-collapse">
            <ul class="nav navbar-nav">
            </ul>
        </div>
        <canvas id="canvas"></canvas>
    </div>