Question

我有一个HTML代码

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

现在我已应用CSS将文本旋转为;

.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％，没有px值并且位于内部，但目前文本正在开箱即用。

Answer 1

如果您使用jQuery试试这个：

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

并将display: inline-block;添加到您的titleTextV课程中。

Live example在jsFiddle：

CSS控制旋转文本的尺寸/定位

1 个答案: