html - 如何在 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>

或者

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);
}