代码如下，很简单。
<!DOCTYPE html>
<html>
<head>
<title>值班情况显示</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<style type="text/css">
.cell span{
-webkit-writing-mode: vertical-r;
writing-mode: vertical-rl;
font-size:80px;
font-family:黑体,simhei,Arial;
height:4.5em;
line-height:1.2em;
word-spacing:1.5em;
letter-spacing:0.3em;
word-break:break-all;
}
.cell{
display:table-cell;
width:2.8em;
height:4.5em;
text-align:center;
vertical-align:middle;
float:left;
border:3px solid gray;
background-color:#dce6f2;
}
</style>
</head>
<body>
<div class="cell"><span>张三丰</span></div>
<div class="cell"><span>张无忌赵 敏</span></div>
<div class="cell"><span>小 昭</span></div>
</body>
</html>