我试图打印一个表与一些列名在垂直文本显示,我创建以下html代码,当我试图打印我的html页面,垂直文本不显示在打印预览
<html>
<head>
<style>
.verticalTableHeader {
writing-mode: vertical-rl;
text-orientation:mixed;
white-space: pre;
}
@media print {
.verticalTableHeader {
writing-mode: vertical-rl;
text-orientation:mixed;
white-space: pre;
}
}
</style>
</head>
<body>
<div>
<div >
<table border="1"
>
<thead>
<tr>
<th>Client</th>
<th>description</th>
<th>Type</th>
<th class="verticalTableHeader">Emplacement </br>géographique</th>
<th class="verticalTableHeader">Nature de </br>l'autorisation</th>
<th class="verticalTableHeader">Critique</th>
<th class="verticalTableHeader">Début planifié</th>
<th >Fin réelle</th>
<th >Statut</th>
</tr>
</thead>
<tbody id="dd">
</tbody>
</table>
</div>
</div>
</body>
</html>
对我来说,把"div中的文本可以使用
<thead>
<tr>
...
<th>Type</th>
<th><div class="verticalTableHeader">Emplacement</div></th>
...
</tr>
</thead>