CSS控制尺寸/旋轉文本

的定位我具有如CSS控制尺寸/旋轉文本

<div class="fl"> 
<div class="titleTextV">My ABC</div> 
</div>

現在我已經應用了CSS來作爲旋轉文本一個HTML代碼;

.titleTextV{ 
    -webkit-transform: rotate(-90deg); 
    -moz-transform: rotate(-90deg); 
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); 
    font-size:1.3em; 
    background:#999; 
    height:100%; 
}

我想這titleTextV類跨越其容器100％，無像素值的整個高度和在裏面定位，但目前文本移動開箱。

來源

2011-10-12 testndtv

如果用戶的jQuery試試這個：

$('.fl').height($('.titleTextV').width());

並添加display: inline-block;您titleTextV類。

Live example在的jsfiddle：

來源

2011-10-12 10:16:08 Muleskinner

THX一個lot..If我看到在FF的演示，它不走的寬度完全相同，而在IE瀏覽器，寬度是正確的，但容器不舒展.. – testndtv

CSS控制尺寸/旋轉文本

回答

相關問題