如何旋转文本及其容器？

Question

我目前正在进行一个项目，我希望在容器中旋转文本，文本的边缘应该与容器的边缘对齐。

如果我正常旋转它会产生以下结果：http://jsfiddle.net/lumio/a3Z4C/
正如您所看到的，文本流出容器，但我希望将其包含在容器中 因此，不应该旋转完整的文本，而应该旋转线条，然后应该与容器对齐。

有没有人知道使用CSS或JS的解决方案？

祝福

Answer 1

您是否在动态计算轮换？如果是这样，您可能希望动态地向容器添加一些填充。不知道确切的算法是什么，但它会像P =（D * N）

P =填充， D =度， N =使它全部工作的幻数：）

Answer 2

如果在容器div中添加一些填充，文本会在框内很好地流动。我在你的jsFiddle示例中添加了至少10px，文本就位于容器内部。然而，添加更多填充可能看起来更好，如下所示：

.container {
    width: 300px;
    background: silver;
    margin: 20px;
    padding: 10px;
}

Answer 3

好的，有一个选择。您可以将容器放在另一个容器中。所以无论你放在那个容器里面，你都会一直保持在父

之内

/jsfiddle.net/smitdesai/dsvUS /