Javascript 需要在框中对角放置文本。使用Css

嗨，这可以通过Css或Javascript实现吗？

---

Birt报告需要此属性。

您可以使用属性

transform:rotate（）定义CSS类并将需要受影响的元素分配给

请在中检查此示例

要从特定角度旋转文本，可以使用Css属性
transform:rotate（）来实现这一点。
类似

.diagonal {
  -webkit-transform: rotate(-45deg); 
     -moz-transform: rotate(-45deg); 
      -ms-transform: rotate(-45deg); 
       -o-transform: rotate(-45deg); 
          transform: rotate(-45deg);
   -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865482, M12=0.7071067811865466, M21=-0.7071067811865466, M22=0.7071067811865482, SizingMethod='auto expand')";
   filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865482, M12=0.7071067811865466, M21=-0.7071067811865466, M22=0.7071067811865482, SizingMethod='auto expand');
}

CSS:

.lbl{
     width: 80px;
    float:left;
    margin-left: -22px;
    transform:rotate(-50deg);
-ms-transform:rotate(-50deg); /* IE 9 */
-webkit-transform:rotate(-50deg); /* Opera, Chrome, and Safari */}
.inp {
    float: left;
    margin-top: 50px;
}

HTML

<input type='checkbox' id='cb1' class='inp'>
<div class='lbl'><label for='cb1'>first</label></div>

<input type='checkbox' id='cb2' class='inp'>
<div class='lbl'><label for='cb2'>second</label></div>

<input type='checkbox' id='cb3' class='inp'>
<div class='lbl'><label for='cb3'>third</label></div>

<input type='checkbox' id='cb4' class='inp'>
<div class='lbl'><label for='cb4'>fourth</label></div>


第一
第二
第三
第四

u可以简单地使用
变换：旋转（x）

其他答案是不相关的，因为他们没有考虑到这个问题是在BIRT的背景下。简而言之，BIRT不支持此功能。您可以对图表中的标签执行此操作，但不能对其他元素（如数据、动态文本等）执行此操作

您可以在查看时包含一个css文件，并在声明为“HTML”类型的文本元素中使用css规则，但维护起来很复杂，这只适用于HTML输出：其他格式（如PDF和Excel）不会考虑css规则

您最好的选择是使用这个Eclipse项目，它扩展了BIRT，特别是使用了“对角线文本”控件。
这是一个公司环境，我们使用的是IE8。任何人都可以看到我上传的图像，我看不到。您的图像上有5个方框的对角线。这些文字是静态的，还是在报表运行时非常有用？如果他们知道有多少个选项？你可以使用图像而不是文本；很像你贴的例子。如果您有时需要5个单词中的3个，请将每个单词/方框组合制作成单独的图像。如果需要组织图像，可以在网格内部使用网格。
transform:rotate(-45deg);
-ms-transform:rotate(-45deg); /* IE 9 */
-webkit-transform:rotate(-45deg); /* Opera, Chrome, and Safari */