本文介绍了如何使用CSS实现文字旋转90度，包括span和div标签的示例，并展示了背景图旋转的方法。同时，提供了一个页面加载完成后自动打印的JavaScript函数。关键词包括CSS样式、旋转、定位、自动换行和打印功能。
以span标签为例，向左旋转90度:
<span style="writing-mode:rl-tb;transform:rotate(-90deg);position: absolute;line-height: 16px;width: 50px;font-size: 14px;margin-left: -12px;margin-top: -10px;" >效果</span>
关键参数:
writing-mode:rl-tb;
transform:rotate(-90deg);
position: absolute;
调整位置:
margin-left: -12px;
margin-top: -10px;
div 标签为例：
<div style="line-height: 11px;writing-mode: rl-tb;transform: rotate(-90deg);width: 130px;font-size: 10px;position: absolute;margin-top: -20px;margin-left: -35px;word-wrap: break-word; word-break: normal;" id="lbacf">效果效果效果效果效果效果效果效果效果效果效果效果效果效果</div>
增加可以自动换行：
word-wrap: break-word;
word-break: normal;
背景图旋转：
<div style="background:url('
最低0.47元/天 解锁文章
扫一扫
1302
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
