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中工作,这就是我所需要的。非常感谢。