0

如何通过旋转 div 的大小调整其宽度 - 目前它变得过大,就好像它的内容没有旋转一样。

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <style>
        .rotate270 
        {
            -webkit-transform: rotate(270deg);
            -moz-transform: rotate(270deg);
            -o-transform: rotate(270deg);
            -ms-transform: rotate(270deg);
            transform: rotate(270deg);
        }
    </style>
</head>
<body>
    <table>
        <tr>
            <td rowspan="2" class="standard-padding" style="background-color: #ccc;">
                <div class="rotate270" style="background-color: gray; color: white; padding: 5px; font-size: 10px; font-weight: bold;">Test 123</div></td>
            <td rowspan="2"></td>
            <td style="font-size: 10px; font-weight: bold;"></td>
        </tr>
        <tr>               
            <td style="font-size: 10px;"></td>
        </tr>
    </table>
</body>
</html>
4

1 回答 1

1

我认为不使用 Javascript 就无法做到这一点。这是一个使用 JQuery 的快速示例:

$('#cell').css('width', $('#cell .rotate270').height());

http://jsfiddle.net/cR6DF/

于 2013-07-14T23:18:17.760 回答