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控制尺寸/旋转文本

回答

相关问题