如何在ie中旋转radgrid标题文本

Question

我有asp.net telerik rad网格控件我要旋转我的标题行文本和显示 垂直每个标题单元格文本。

Answer 1

试试这个IE7或IE8支持DEMO

http://jsfiddle.net/fYGcV/

CSS

.headerText
{
display:block;
height:128px;
width:128px;
vertical-align:bottom;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

HTML

<div class="headerText">text</div>

OR

http://www.codeproject.com/Questions/466591/Gridview-Header-Text-Vertical

Answer 2

要在所有浏览器中始终如一地显示这样的文字，您需要使用图片。但是，如果您只想坚持使用CSS3，则可以将此类应用于标题：

.vertical-text {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}