Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 使用CSS旋转右侧未正确显示的文本_Html_Css_Rotation - Fatal编程技术网

Html 使用CSS旋转右侧未正确显示的文本

Html 使用CSS旋转右侧未正确显示的文本,html,css,rotation,Html,Css,Rotation,我必须旋转右侧的文本,但旋转文本未正确显示。现在它显示在容器右侧的中心。此外,我必须从顶部显示全文。在完整视图中签出代码段 我需要这样的输出 氢{ 保证金:0; 填充:0; } .家长组{ 边缘顶部:100px; } .v_流体_标题{ 位置:相对位置; 右:0; } .v_流体_标题h2{ 位置:绝对位置; 右:0; 字体大小:55px; 文本转换:大写; -ms变换:旋转90度;/*IE 9*/ -webkit变换:旋转90度;/*Safari 3-8*/ 变换:旋转90度; } Lore

我必须旋转右侧的文本,但旋转文本未正确显示。现在它显示在容器右侧的中心。此外,我必须从顶部显示全文。在完整视图中签出代码段

我需要这样的输出

氢{ 保证金:0; 填充:0; } .家长组{ 边缘顶部:100px; } .v_流体_标题{ 位置:相对位置; 右:0; } .v_流体_标题h2{ 位置:绝对位置; 右:0; 字体大小:55px; 文本转换:大写; -ms变换:旋转90度;/*IE 9*/ -webkit变换:旋转90度;/*Safari 3-8*/ 变换:旋转90度; } Lorem ipsum dolor sit amet,奉献精英 Lorem ipsum Door sit amet,为精英们献身,为埃乌斯莫德服务 暂时性的劳工和财产损失。我们在这里吃得很少, 他在乌拉姆科实验室实习,并在普通实验室实习 康塞奎特。在沃鲁帕特·维利特·埃塞的《雷德亨德瑞特》中,两人或两人互为受害者 纤毛多洛雷欧盟福吉亚无巴黎。圣奥卡塔铜塔除外 傲慢的人,必须为自己的行为负责

Lorem ipsum Door sit amet,为精英们献身,为埃乌斯莫德服务 暂时性的劳工和财产损失。我们在这里吃得很少, 他在乌拉姆科实验室实习,并在普通实验室实习 康塞奎特。在沃鲁帕特·维利特·埃塞的《雷德亨德瑞特》中,两人或两人互为受害者 纤毛多洛雷欧盟福吉亚无巴黎。圣奥卡塔铜塔除外 傲慢的人,必须为自己的行为负责


CSS中的旋转相当乏味。有三件事需要记住:

旋转本身 这一点也不难。您可以使用transform:rotate90deg;就像你那样。你有这个权利

变换原点 这将解决您发布的问题,但请继续阅读。这将告诉浏览器旋转它的位置。默认值是对象的中间。在您的情况下,您要么希望它位于右上角,要么将div移动到另一个位置。请注意,您经常必须使用transform:translatex,y;用这个

例如:

.对{ 位置:固定; 右:0; 宽度:50px; } .轮换{ 变换:旋转90度平移100%,0; 变换原点:100%0; } 你好,世界!
你为什么不这样做呢

所容纳之物 .轮换标题{ 显示:内联块 } .内容{ 宽度:70% } .轮换标题{ 宽度:29%; 文本对齐:居中; 字体大小:45px; 文本转换:大写; -ms变换:translateY-100%旋转90度; /*IE 9*/ -webkit变换:translateY-100%旋转90度; /*狩猎3-8*/ 变换:translateY-100%旋转90度; } 知识产权是一种权利,是一种精英的权利,是劳动和财富的暂时性权利。但是,在最低限度上,我们需要一个实验室来进行日常工作。二人世界 这是一种令人厌恶的行为,因为它是一种不平等的行为。除偶尔因疏忽而死亡外,不得因疏忽而导致动物死亡。Lorem ipsum dolor sit amet,奉献精英, 这是临时性的劳动和就业机会。但是,在最低限度上,我们需要一个实验室来进行日常工作。两人或两人在一起是因为他们在一起是因为他们在一起 欧盟福吉亚无法定权利。除偶尔因疏忽而死亡外,不得因疏忽而导致动物死亡。 我是标题2
我使用了第三个,我改变了起始位置:固定;位置:绝对;因为我只需要一行,我不需要被固定。它工作得很完美,这只是一个例子,而不是解决方案。很高兴我能帮助你