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

Question

我已将 PDF 文件编码为 HTML。从这个link可以看出：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提供一个合理的后备样式就足够了。

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

Rotated text in <td> is not showing properly in Windows Internet Explorer 8 (IE8)

html

css

html-table

internet-explorer-8