html - 如何在同一表格的最左边设置90度字？

我想做的是将90度单词设置为表格中最左侧的位置

这是CSS如何将单词变成90度

-moz-transform: rotate(-90.0deg);  /* FF3.5+ */
-o-transform: rotate(-90.0deg);  /* Opera 10.5 */
-webkit-transform: rotate(-90.0deg);  /* Saf3.1+, Chrome */
filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083);  /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)";

这是我想要的屏幕


这是我的表代码，但是90度是不同的，但是我想在一个表中制作

<div class="row">
    <div class="col-lg-1" >
        <div style="margin-top: 75px;background:#0B2161;width: 204px;padding-top: 6px;padding-bottom: 20px;color:white;font-weight:bold;text-align:center;font-size:20px; -moz-transform: rotate(-90.0deg);  /* FF3.5+ */ -o-transform: rotate(-90.0deg);  /* Opera 10.5 */-webkit-transform: rotate(-90.0deg);  /* Saf3.1+, Chrome */filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083);  /* IE6,IE7 */-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)";"> Longest Unavailable
        </div>
    </div>

    <div class="col-lg-5">
    <table class="table table-bordered table-condensed" style="background:black;">
        <tr style="font-weight:bold;text-align:center;font-size:22px;">
            <td style="background:#0B2161;color:white;">Agent</td>
            <td style="background:#0B2161;color:white;">Aux Code</td>
            <td style="background:#0B2161;color:white;">Duration</td>
        </tr>
        <tr style="font-weight:bold;text-align:center;font-size:30px;">
            <td style="color:white;background:red;">234</td>
            <td>2</td>
            <td>00:00:26</td>
        </tr>
            <tr style="font-weight:bold;text-align:center;font-size:30px;">
               <td style="color:white;background:red;">234</td>
                <td>2</td>
               <td>00:00:26</td>
             </tr>
            <tr style="font-weight:bold;text-align:center;font-size:30px;">
              <td style="color:white;background:red;">234</td>
              <td>2</td>
              <td>00:00:26</td>
            </tr>
       </table>
</div><!--/span-->
</div><!--/end row-->

知道如何解决吗？
谢谢

最佳答案

这2个链接应该对您有所帮助：
CSS tricks和Similar question on stackoverflow

关于html - 如何在同一表格的最左边设置90度字？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/20092583/