wring-mode 垂直居中

by Dong Shelton

HTML

<div class="vertical">
  <div class="content">content</div>
</div>

CSS

.vertical {
  display: block;
  width: 200px;
  height: 200px;
  margin: 0 auto;
  border: 1px solid blue;
  writing-mode: vertical-lr;
  writing-mode: tb-lr;/* 兼容IE */
 }
.content {
  display: block;
  width: 100px;
  height: 100px;
  margin: auto 0;
  background-color:gray;
  writing-mode: horizontal-tb;
}