Ротатива Css неприятности - PullRequest
Новая
       26

Ротатива Css неприятности

0 голосов
/ 21 декабря 2018

У меня есть приложение ASP.NET MVC, и я создаю PDF из View.
Я хочу повернуть свой текст в таблице в View, но свойство CSS writing-mode не распознается Rotativa некоторымипричины.
Я пытался повернуть его, используя -webkit-transform: rotate(90deg), но текст выходит из ячеек.
Какие альтернативы CSS я могу использовать для свойства writing-mode?
Мой HTML: 

  <table class="table table-bordered" >
    <tr>
      <th class="bordersprk">
            <div class="verticaltextthin">  Code</div>
       </th>
        <th class="bordersprk">
                    <div class="verticaltextthin">
                        Info
                    </div>
        </th>
        ...
</tr>
<tr>
    <td class="bordersprk">
        <div class="verticaltext2"> @Model.Req.Code
       </div>
            </td>
     <td class="bordersprk">
                <div class="verticaltext2">
                    @Model.Req.Info
                </div>


    </td>
...

CSS: 

.verticaltext2 {
    writing-mode: vertical-rl;
    height: 200px;
    white-space: inherit;
}
.verticaltextth {
    writing-mode: vertical-rl;
    white-space: inherit;
    height: 126px;
    width: 40px;
    padding: initial;
}
.verticaltextthin {
    writing-mode: vertical-rl;
    white-space: inherit;
    height: 126px;
    width: 10px;
    -ms-transform: rotate(+90.0deg); /* IE9+ */
}
...