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

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title></title>
 6         <style type="text/css">
 7         /*修改书写模式*/
 8             .demo{
 9                 -webkit-writing-mode: vertical-rl; /* for browsers of webkit engine */
10             　　     writing-mode: tb-rl; /* for ie */ 
11             }
12             div {
13                 width: 200px;
14                 height: 200px;
15                 background: red;
16                 margin: auto;
17                 /*当书写模式改为纵向，其计算参考便会变为父容器的高度了。设置auto或百分数都有效*/
18             }
19         </style>
20     </head>
21     <body>
22         <div class="demo">123</div>
23     </body>
24 </html>

 

posted @ 2017-07-10 14:32  九许尘歌  阅读(370)  评论(0)    收藏  举报