我正在尝试使文本垂直显示在列表项中。一些网站(例如http://www.css3maker.com/text-rotation.html#)已指示我使用以下内容:-ms-transform:rotate(90deg);/ * IE 9 / -webkit-transform:旋转(90deg); / Chrome,Safari,Opera * /变换:rotate(90deg);
我已将其放置在我的css文件中,但Visual Studio 2010提供了警告:
为什么会收到此警告?如果我忽略它,则它不起作用,我不会收到有关-ms-transform的警告,但无论如何它似乎在IE中都不起作用。
这是我的代码:CSS:
li.menu_label > span
{
-ms-transform: rotate(90deg); /* IE 9 */
-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
transform: rotate(90deg);
}
HTML:
<ul id="nav">
<li>
<label class="menu_label" for="c1"> <span>Menu</span></label>
<input type="checkbox" id="c1" />
</li>
</ul>
事实证明,不管警告如何,此方法都有效,只是在谷歌浏览器中不起作用。需要添加“显示:内联块” CSS3转换不起作用
我想问题是您正在使用Visual Studio 2010验证CSS代码。请记住,VS2010可能在2009年底启动,并且Rotate()属性已添加到IE9,两年后才发布。因此,VS2010不知道该属性的存在。
我的建议是要么忘记使用VS2010验证CSS,要么升级到最新的VS版本。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句