Html 用DIV包围变换后的元素
我想旋转DIV中的文本元素,但是,在文本旋转后,我的DIV会像空的一样折叠。是否有css技巧使我的DIV仍然围绕在我的内部元素周围 下面是我的代码的样子:Html 用DIV包围变换后的元素,html,css,Html,Css,我想旋转DIV中的文本元素,但是,在文本旋转后,我的DIV会像空的一样折叠。是否有css技巧使我的DIV仍然围绕在我的内部元素周围 下面是我的代码的样子: li{ 边框:1px纯黑; 列表样式类型:无; } p{ 显示:内联块; 变换原点:右下角; 变换:旋转(270度); } 一些文本 一些文本 改为变换:旋转(xdeg);您可以使用来实现这一点 形式语法 水平tb |垂直rl |垂直lr |侧向rl |侧向lr 重新访问您的代码:或在下面 li{ 边框:1px纯黑; 列表样式类型:
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其中一个是关于容器的转换,大小无关紧要,这里的问题是关于容器根据其旋转文本的大小;)(我给它加了一个黄色背景,以显示它的位置,以及如果文本长度增加,它将如何扩展。它还可以分成几行;)