Html 在Css中实现跨浏览器兼容性的最快方法是什么？

如何让css显示有角度的文本

我有

<span class="wrapper">
<span class="alpha">Alpha</span>
<span class="seperator"></span>
<span class="number">1 Number</span>
</span>

阿尔法
1号

如果只需要旋转分离器，下面是一个示例： 它基本上将分隔符绘制为一条规则线，然后使用

transform:rotate（-45度）旋转分隔符

一定要注意不支持Modernizer的浏览器，可能还有
/
字符或图像。动态旋转文本比较困难，但请确保您需要支持IE8或以下版本（请参阅）。
试试这个-

HTML代码

<div class="wrapper">
<div class="alpha">Alpha</div>
<div class="seperator"></div>
<div class="number">1 Number</div>
</div>

你问的是旋转文本还是子索引和超索引？只有分隔符跨度它有一个边框和高度设置为1px位置是绝对的。你的意思是？这将在IE9+中起作用谢谢你@Vucko是的，我完成了。谢谢你@Ronny这正是我想要的，但你给了我一个想法，让我几次把头撞到墙上，我可以简单地在背景中使用图像。
.wrapper{display:block; width:200px; height:200px; border:1px solid #000; position:relative;}
.wrapper .alpha{position:absolute; top:10%; left:10%; float:left;}
.wrapper .seperator{float:left; position:absolute; top:50%; width:100%;
height:auto; border: 1px solid #000; transform: rotate(135deg);
-ms-transform: rotate(135deg); -webkit-transform: rotate(135deg);}
.wrapper .number{position:absolute; bottom:10%; right:10%; float:right;}