CSS支持的變化ASP TableCell的，而不調整其大小

我使用C＃在我後面的代碼做一個TableCell的，我添加一個CSS類的標籤的單元格內旋轉它：CSS支持的變化ASP TableCell的，而不調整其大小

.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樣式更改我的表格大小後，是否可以使表格重新大小？

來源

2012-10-02 user1666231

我們將需要更多的代碼。向我們顯示您的html或編輯這個小提琴。 http://jsfiddle.net/UfeWQ/ – davehale23

你的小提琴在整個桌子上有垂直類。 OP指定它只在單元格內的標籤上。 –

不幸的是旋轉的元素仍然佔用空間，就好像它沒有旋轉一樣。我想你可能需要用填充來解決這個問題。 –

您需要計算標籤的新的height，然後將其包含的元素設置爲該高度。 This fiddle就是我所說的。

<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-04 20:26:55 davehale23

CSS支持的變化ASP TableCell的，而不調整其大小

回答

相關問題