0

コード ビハインドで C# を使用してテーブルセルを作成し、セル内のラベルに CSS クラスを追加して回転させます。

.vertical {color:#333;
                filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
                -webkit-transform:rotate(270deg);
                -moz-transform:rotate(270deg);
                -o-transform: rotate(270deg);
                white-space:nowrap;
                display:block;
                }

問題は、ラベルを回転させた後、表のセル (および表) が新しいテキストに合わせてサイズ変更されていないことです。新しいコンテンツに合わせてテーブルのサイズを自動的に変更するために使用できる CSS または属性を使用する方法はありますか?

助けていただければ幸いです。

---編集--- CSS クラスをいじってみると、問題の原因がわかりました。基本的に、CSS の変更を適用した後、テーブルのサイズが変更されません。コンテンツが変更されていないかのようにサイズが変わりません。

CSS スタイルによってテーブルセルのサイズが変更された後、テーブルのサイズを変更することはできますか?

4

1 に答える 1

0

heightLabel の new を計算し、それを含む要素をその高さに設定 する必要があります。このフィドルは私が話しているものです。

<table>
    <tr>
        <td id="someLabel" class="vertical">some stuff</td>
        <td>some other stuff sljk fkas jd</td>
    </tr>    
    ...
</table>​

そしてjQueryを使って

$.fn.textWidth = function () {
    var html_org = $(this).html();
    var html_calc = '<span>' + html_org + '</span>';
    $(this).html(html_calc);
    var width = $(this).find('span:first').width();
    $(this).html(html_org);
    return width;
};

$(function(){
    var someLabelSize = $("#someLabel").textWidth();
    $("#someLabel").css("height", (someLabelSize + 5));    
});

必要に応じてセレクターを変更するだけです。

于 2012-10-04T20:26:55.093 に答える