css--纵向margin设置auto和百分数真的无效吗？

 <!DOCTYPE html>

 <html>

     <head>

         <meta charset="UTF-8">

         <title></title>

         <style type="text/css">

         /*修改书写模式*/

             .demo{

                 -webkit-writing-mode: vertical-rl; /* for browsers of webkit engine */

             　　     writing-mode: tb-rl; /* for ie */

             }

             div {

                 width: 200px;

                 height: 200px;

                 background: red;

                 margin: auto;

                 /*当书写模式改为纵向，其计算参考便会变为父容器的高度了。设置auto或百分数都有效*/

             }

         </style>

     </head>

     <body>

         <div class="demo"></div>

     </body>

 </html>