html 字体纵向显示,关于css实现文字垂直显示的问题

{

margin: 0;

padding: 0;

outline: none;

box-sizing: border-box;

font-size: 12px;

font-family: "Microsoft YaHei","Helvetica Neue", Helvetica, "PingFang SC",

"Hiragino Sans GB", Arial, sans-serif;

}

color: white;

float: left;

font-size: 14px;

height: 70px;

width: 33px;

border-radius: 5px;

margin: 5px;

padding: 5px 7px;

text-align-last: justify;

writing-mode: vertical-lr;

display: inline-block;

vertical-align: middle;

cursor: pointer;

overflow: hidden;

white-space: nowrap;

text-overflow: ellipsis;

以上是我的div的样式代码，，但是在win7下面加上font-weight:blod;就会出现文字重叠，或者显示不全的，，我想问下这个是什么引起的