canvas畫布的居中對齊方式

1. 將canvas的css設置為

    canvas{
               width: 800px;
               margin:0 auto;
               display: block;
           }

   但是當canvas本身或者父級元素設置了絕對定位時不可用

2. 將canvas的父級元素css設置為

    .a{
               margin:0 auto;
               width: 800px;
           } 

   此時canvas的css為

    canvas{
               width: 800px;
               position: absolute;
               
               border: 1px solid black;
           }

   注意：父級元素與canvas的寬度應該一致

   這樣canvas便可以設置絕對定位，但當父級元素也需要設置絕對定位時又不可用

3. canvas父級元素css為

    .a{
               width:1590px; 
               overflow: auto;
               position:absolute;
               top:60px; 
               bottom:30px;
               
           }

   注意：top和bottom必須設置，但可以設置為0

   canvas的css則是

    canvas{
               margin:0 auto;
               position: absolute;
               left: 0; 
               right: 0; 
               
               border: 1px solid black;
           }

   這樣即使canvas元素及其父元素都需要設置絕對定位，就可以進行對齊

   注意：此種對齊是canvas針對父元素進行居中對齊