HTML表格中的垂直（旋转）文字 [英] Vertical (rotated) text in HTML table

问题描述

有一种（可移植）方式可以将HTML表格单元格中的文本旋转90°？

Is there a (portable) way to rotate text in a HTML table cell by 90°?

（我有一个包含许多列的表格， ）

(I have a table with many columns and much text for the headings, so I'd like to write it vertically to save space.)

推荐答案

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

取自 http://css3please.com/

这篇关于HTML表格中的垂直（旋转）文字的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！