单元格中的多行 - 旋转文本

Question

参见示例：http://jsfiddle.net/1mmh7510/

您可以看到标题字段Test.. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.已被css .rotate

旋转

.rotate {
    height: 400px;
    white-space:nowrap;
    width: 40px;
}

.rotate > div {
    transform:
    translate(-4px, -5px)
    rotate(-90deg);
    width: 20px;
}

如有必要，内容应填充下一行中单元格中的所有空白区域。如何解决这个问题？

示例应如何：

Answer 1

您可以使用与旋转属性混合的 writing-mode 来定义文本行是水平放置还是垂直放置以及方向。

支持

它受到chrome，firefox 41，Internet explorer 9，opera and safari 8

的支持

语法

选项包括：     ActiveSheet.Shapes("Picture 18").IncrementLeft -76

horizontal-tb | vertical-rl | vertical-lr | sideways-rl | sideways-lr

.rotate {
    height: 400px;
    width: 40px;
}

.rotate > div {
    -webkit-writing-mode:vertical-rl; 
    -ms-writing-mode:tb-rl; 
    writing-mode:vertical-rl; 
  transform: rotate(-180deg)
}