相关疑难解决方法(0)

假设我有一些行和列的表,所以我想在单元格中旋转文本,如下所示
:

问题是当我使用样式旋转文本时:

#rotate {
     -moz-transform: rotate(-90.0deg);  /* FF3.5+ */
       -o-transform: rotate(-90.0deg);  /* Opera 10.5 */
  -webkit-transform: rotate(-90.0deg);  /* Saf3.1+, Chrome */
             filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083);  /* IE6,IE7 */
         -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)"; /* IE8 */

这一切都搞砸了

HTML代码:

<table cellpadding="0" cellspacing="0" align="center">
    <tr>
        <td id='rotate'>10kg</td>
        <td >B</td>
        <td >C</td>
        <td>D</td>
        <td>E</td>
    </tr>
    <tr>
        <td id='rotate'>20kg</td>
        <td>G</td>
        <td>H</td>
        <td>I</td>
        <td>J</td>
    </tr>
    <tr>
        <td id='rotate'>30kg</td>
        <td>L</td>
        <td>M</td>
        <td>N</td>
        <td>O</td>
    </tr>


</table>

CSS:

<style type="text/css">
td {
    border-collapse:collapse;
    border: 1px black solid;
}
tr:nth-of-type(5) td:nth-of-type(1) {
    visibility: …

我想在HTML表中转置行和列,即行作为列,列作为行.

我能以什么方式做到这一点？

示例:

1 4 7  
2 5 8  
3 6 9

如

1 2 3  
4 5 6  
7 8 9  

有没有一种快速的方法(使用CSS或Javascript)将表TD转换为TR,目前我有:

A B C D
1 2 3 4

我想翻译成:

A 1
B 2
C 3
D 4

??