Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.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
Css 为什么不是';这个文本没有旋转吗?_Css - Fatal编程技术网

Css 为什么不是';这个文本没有旋转吗?

Css 为什么不是';这个文本没有旋转吗?,css,Css,我试过很多变种,但都不走运。我错过了什么 #菜单{ 位置:绝对位置; 宽度:50px; 高度:250px; 顶部:15px; 左:0; 背景色:#ee2e24; 颜色:白色; } #菜单范围{ 变换:旋转(90度); 变换原点:左上0; } 主菜单您需要添加显示:内联块到跨度 #菜单{ 位置:绝对位置; 宽度:50px; 高度:250px; 顶部:15px; 左:0; 背景色:#ee2e24; 颜色:白色; } 跨度{ 显示:内联块; 变换:旋转(90度); /*变换原点:左上0*/ 边缘顶

我试过很多变种,但都不走运。我错过了什么

#菜单{
位置:绝对位置;
宽度:50px;
高度:250px;
顶部:15px;
左:0;
背景色:#ee2e24;
颜色:白色;
}
#菜单范围{
变换:旋转(90度);
变换原点:左上0;
}

主菜单
您需要添加
显示:内联块到跨度

#菜单{
位置:绝对位置;
宽度:50px;
高度:250px;
顶部:15px;
左:0;
背景色:#ee2e24;
颜色:白色;
}
跨度{
显示:内联块;
变换:旋转(90度);
/*变换原点:左上0*/
边缘顶部:10px;
}

主菜单
您需要添加
显示:内联块到跨度

#菜单{
位置:绝对位置;
宽度:50px;
高度:250px;
顶部:15px;
左:0;
背景色:#ee2e24;
颜色:白色;
}
跨度{
显示:内联块;
变换:旋转(90度);
/*变换原点:左上0*/
边缘顶部:10px;
}
主菜单
试试看

#菜单{
位置:绝对位置;
宽度:50px;
高度:250px;
顶部:15px;
左:0;
背景色:#ee2e24;
颜色:白色;
}
#菜单范围{
写入方式:垂直rl;
文本取向:横向;
}
主菜单
试试看

#菜单{
位置:绝对位置;
宽度:50px;
高度:250px;
顶部:15px;
左:0;
背景色:#ee2e24;
颜色:白色;
}
#菜单范围{
写入方式:垂直rl;
文本取向:横向;
}
主菜单
  • 在SA代码段中不能使用LESS或SCS。只是纯CSS,所以将
    span
    移出
    #菜单
  • span
    是一个内联元素。不能转换内联元素。使用
    显示:block
  • #菜单{
    位置:绝对位置;
    宽度:50px;
    高度:250px;
    顶部:15px;
    左:0;
    背景色:#ee2e24;
    颜色:白色;
    }
    #菜单范围{
    变换:旋转(-90度)translateX(-100%);
    变换原点:0%0%;
    显示:块;
    }
    主菜单
  • 在SA代码段中不能使用LESS或SCS。只是纯CSS,所以将
    span
    移出
    #菜单
  • span
    是一个内联元素。不能转换内联元素。使用
    显示:block
  • #菜单{
    位置:绝对位置;
    宽度:50px;
    高度:250px;
    顶部:15px;
    左:0;
    背景色:#ee2e24;
    颜色:白色;
    }
    #菜单范围{
    变换:旋转(-90度)translateX(-100%);
    变换原点:0%0%;
    显示:块;
    }

    主菜单
    是预处理器CSS,如less或sass?抱歉,它是less,修复了代码段。看到预处理器CSS,如less或sass吗?抱歉,它是less,修复了代码段。看到padding/margin了吗?@mplungjan你可以使用padding和margin:)padding/margin?@mplungjan你可以使用padding和margin:)这治好了我的癌症。它有多兼容?恐怕没有那么多(目前似乎只有Firefox支持)。抱歉。但根据这篇文章,你似乎也应该这么做:@Scott它在Chrome/Webkit中工作,这就是我所需要的。非常感谢。这治好了我的癌症。它有多兼容?恐怕没有那么多(目前似乎只有Firefox支持)。抱歉。但根据这篇文章,你似乎也应该这么做:@Scott它在Chrome/Webkit中工作,这就是我所需要的。非常感谢。