我试图得到每个字母旋转90度的字符串;然而,我想保持字母从左到右,而不是垂直的“流动”.我也想保持“删除线”水平绿线(见下图).
最简单的方法是什么？我更喜欢使用JavaScript和/或CSS.
使用-transform：旋转CSS样式我得到以下内容：
<style type="text/css">
.rotate {
-webkit-transform: rotate(-90deg);
}
</style>
<body>
<div class="rotate">
<span style="color:#0C0; text-decoration:line-through;">
<span style="color:#000;">
A B C
</span></span></div>
我想要的是这样的,而不使用自定义字体.
解决方法
纯CSS：
<div class="letters">
<span>A</span><span>B</span><span>C</span>
</div>
.letters {
height:8px;
line-height:16px;
border-bottom:1px solid green;
position:relative;
}
.letters > span {
float:left;
-webkit-transform: rotate(-90deg);
}
