Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/wix/2.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 如何为每个项目创建具有垂直和90度旋转文本的菜单?_Html_Css_Menu_Vertical Text - Fatal编程技术网

Html 如何为每个项目创建具有垂直和90度旋转文本的菜单?

Html 如何为每个项目创建具有垂直和90度旋转文本的菜单?,html,css,menu,vertical-text,Html,Css,Menu,Vertical Text,我想让这个菜单,垂直和90度旋转文本在每个领域之一。我该怎么做 请帮助我。在CSS文件中,创建如下类: .rotate { /* Safari */ -webkit-transform: rotate(-90deg); /* Firefox */ -moz-transform: rotate(-90deg); /* IE */ -ms-transform: rotate(-90deg); /* Opera */ -o-transform: rotate(-90d

我想让这个菜单,垂直和90度旋转文本在每个领域之一。我该怎么做


请帮助我。

在CSS文件中,创建如下类:

.rotate {
  /* Safari */
  -webkit-transform: rotate(-90deg);
  /* Firefox */
  -moz-transform: rotate(-90deg);
  /* IE */
  -ms-transform: rotate(-90deg);
  /* Opera */
  -o-transform: rotate(-90deg);
  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
然后,通过在每个元素中定义该类,将此属性应用于要旋转的每个元素。

您可以查看

nav{
浮动:左;
写入模式:tb rl;/*IE*/
写入模式:垂直lr;/*OPera/webkit*/
写入模式:侧边lr;/*应为*/
}
李{
显示:内联块;
}


佩伦特式居住者morbi tristique Sentecus et netus et malesuada以turpis egestas闻名。前庭侵权人、世仇、别有用心者、临时诉讼人、担保人。不要让你的自由人坐在那里。我的生命是永恒的。Mauris Placelat eleifend leo.

你好,萨达夫!欢迎来到StackOverflow。你试过在网站上搜索这个吗?您尝试过任何代码吗?请务必包含您尝试过的任何代码,以便我们可以帮助您诊断您的问题。请注意,对于那些在这里只是寻求答案而没有表现出自己试图解决问题的努力的人来说,这不是一个好地方。