Html 用DIV包围变换后的元素

Html 用DIV包围变换后的元素,html,css,Html,Css,我想旋转DIV中的文本元素,但是,在文本旋转后,我的DIV会像空的一样折叠。是否有css技巧使我的DIV仍然围绕在我的内部元素周围 下面是我的代码的样子: li{ 边框:1px纯黑; 列表样式类型:无; } p{ 显示:内联块; 变换原点:右下角; 变换:旋转(270度); } 一些文本 一些文本 改为变换:旋转(xdeg);您可以使用来实现这一点 形式语法 水平tb |垂直rl |垂直lr |侧向rl |侧向lr 重新访问您的代码:或在下面 li{ 边框:1px纯黑; 列表样式类型:

我想旋转DIV中的文本元素,但是,在文本旋转后,我的DIV会像空的一样折叠。是否有css技巧使我的DIV仍然围绕在我的内部元素周围

下面是我的代码的样子:

li{
边框:1px纯黑;
列表样式类型:无;
}
p{
显示:内联块;
变换原点:右下角;
变换:旋转(270度);
}
  • 一些文本

  • 一些文本

  • 改为变换:旋转(xdeg);您可以使用来实现这一点

    形式语法

    水平tb |垂直rl |垂直lr |侧向rl |侧向lr

    重新访问您的代码:或在下面

    li{
    边框:1px纯黑;
    列表样式类型:无;
    }
    p{
    显示:内联块;
    垂直对齐:中间对齐;
    }
    p、 轮换{
    写入方式:垂直rl;
    /*对于过时的safari old win,添加供应商前缀-webkit-*/
    写入方式:tb-rl;
    /*IEs*/
    /*书写模式:侧边lr;可能是*/
    /*最终使用scale()直到lr在任何地方都工作*/
    变换:比例(-1);
    填充:1em;
    背景:黄色;
    /*给我看看*/
    最大高度:10em;/*如果太长,将强制文本在多行上断开*/
    }
    • 一些文本

      旁白
      任何
      其他
      文本
      旁白
      任何
      其他
      文本

    • 在两行上再添加一些文本

      撇开任何其他文本不谈

    • 最多在10em的高度上添加一些文本

      撇开任何其他文本不谈


    使用写作模式,这是为了这个目的而做的@GCyrillus看到这个问题已经在3票以上了,你可能想把你的评论作为一个答案。彼得,我之前的评论回答了你的问题吗?如果是的话,我可能会重新打开并回答这个问题,因为它毕竟不会重复:)是的,非常感谢!嘿,我看你也是那个回答的人。所以你也可以在那里更新你的答案。然后我们可以再次以重复的形式结束这个问题。;)@MrLister nop其中一个是关于容器的转换,大小无关紧要,这里的问题是关于容器根据其旋转文本的大小;)(我给它加了一个黄色背景,以显示它的位置,以及如果文本长度增加,它将如何扩展。它还可以分成几行;)