单元格中的 HTML 竖排文本 + 导出到 excel

Question

I have try to do this once, but unsuccessfully, and now meet the same problem again.

I have to generate HTML table with vertical text like this:

and this HTML should be valid(the same) in excel.

Has anyone done this?

Something more - I am not able to use images too.

Answer 1

It's possible with this css:

-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
mso-rotate: 90;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
position: absolute;
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

Answer 2

这不能仅使用 HTML 来完成。

Answer 3

The following property will do the job if you want to rotate your text:

<td style="mso-rotate:90;">I Rotate</td>

http://fabianmejia.blogspot.pe/2008/11/rotate-text-in-web-generated-excel-file.html

Answer 4

<table>
         <td style="mso-rotate:90;">No</td>
         <td style="mso-rotate:90;">Name</td>
</table>