html - <td> 中的旋转文本在 Windows Internet Explorer 8 (IE8) 中无法正确显示

Question

我已将 PDF 文件编码为 HTML。你可以从这个链接看到它:http://akibslab.com/mike

<td>中有一些文字它由 CSS3 变换元素旋转。旋转文本的 CSS 代码是:

.vertical_text {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    transform: rotate(-90deg);
}

问题是文本在 IE8 中显示不正确，文本超出了 <td> .您可以从屏幕截图中看到它。 Here

Answer 1

为元素设置固定宽度，添加嵌套元素，将IE8的旋转应用于嵌套元素而不是当前元素。

但鉴于 IE8 的市场份额微乎其微，目前只需为 IE8 提供合理的后备样式就足够了。