关于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;就会出现文字重叠，或者显示不全的，，我想问下这个是什么引起的

html css

阅读 3.5k

3 个回答

rain

html

<body>
    <div>
     我的第一个HTML页面
  </div>

</body>

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;
}
body{
  background:black;
}
div{
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;
font-weight:bold;
}

效果如下，并不会出现题主说的问题~~