单元格中的HTML垂直文本+导出到Excel

时间:2022-07-12 22:22:59

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:

我必须生成带有垂直文本的HTML表格,如下所示:

单元格中的HTML垂直文本+导出到Excel

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

这个HTML应该在excel中有效(相同)。

Has anyone done this?

有没有人这样做过?

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

更多 - 我也无法使用图像。

3 个解决方案

#1


3  

It's possible with this css:

这个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);

#2


1  

This can not be done using HTML only.

这不能仅使用HTML来完成。

#3


1  

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

如果要旋转文本,以下属性将完成此任务:

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

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

#1


3  

It's possible with this css:

这个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);

#2


1  

This can not be done using HTML only.

这不能仅使用HTML来完成。

#3


1  

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

如果要旋转文本,以下属性将完成此任务:

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

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