如何旋转单个字母并让它们从左向右流动？
我试图得到一个字符串,每个字母旋转90度; 但是,我希望保持字母"流动"从左到右,而不是垂直.我还想保持"删除线"水平绿线(见下图).
实现这一目标的最简单方法是什么？我更喜欢使用JavaScript和/或CSS.
使用-transform: rotateCSS样式我得到以下内容:
<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);
}?