Jquery 将文本从水平位置旋转到垂直位置
有没有可能不使用flash之类的工具，在单个点上将文本从水平位置旋转到垂直位置？所以我通常会歪着头读同一篇文章Jquery 将文本从水平位置旋转到垂直位置,jquery,html,css,Jquery,Html,Css,有没有可能不使用flash之类的工具，在单个点上将文本从水平位置旋转到垂直位置？所以我通常会歪着头读同一篇文章 我想你可以在jquery中实现这一点，但找不到插件。我记得我自己研究过这个问题，发现它要么真的很难实现，要么就是不可能实现 IE允许 <div STYLE="writing-mode: tb-rl">Content rendered vertically</div> 垂直呈现的内容 但是AFAIK在其他任何地方都不起作用（当然在FF 3上不起作用） 最好的
我想你可以在jquery中实现这一点，但找不到插件。我记得我自己研究过这个问题，发现它要么真的很难实现，要么就是不可能实现 IE允许
<div STYLE="writing-mode: tb-rl">Content rendered vertically</div>
垂直呈现的内容
最好的解决方案似乎是使用图像（可能是动态生成的）。对不起，没有更多的帮助 我记得我自己调查过这件事，发现这件事要么真的很糟糕，要么就是不可能 IE允许
<div STYLE="writing-mode: tb-rl">Content rendered vertically</div>
垂直呈现的内容
最好的解决方案似乎是使用图像（可能是动态生成的）。对不起，没有更多的帮助 我不知道这是否有帮助，但你可以分两步来做：
- 使用像php这样的服务器端解决方案将文本转换为图像
- 使用jquery插件旋转图像（例如jquery Rotate）
问题是结果是一个图像，而不再是一个文本。我不知道它是否有帮助，但您可以通过两个步骤完成：
- 使用像php这样的服务器端解决方案将文本转换为图像
- 使用jquery插件旋转图像（例如jquery Rotate）
问题是结果是一个图像，而不是一个文本。您可能必须使用替代HTML-当然，不是所有浏览器都支持SVG，有些浏览器比其他浏览器更好。您可能必须使用替代HTML-当然，不是所有浏览器都支持SVG，有些人做得比其他人好。webkit提出了一些新的建议。它们目前只在睡梦和苹果的Safari 4开发者预览版中实现。webkit提出了一些新的建议。它们目前只在睡梦和苹果的Safari 4开发者预览版中实现。我自己就这个主题问了几个问题 您可以使用动态图像执行此操作-尽管如此 你也可以在IE中使用CSS来实现这一点
新的CSS在最新的Safari、Chrome和FX中进行了转换。我自己就这个主题问了几个问题 您可以使用动态图像执行此操作-尽管如此 你也可以在IE中使用CSS来实现这一点 最新Safari、Chrome和FX中的新CSS转换。CSS将允许 -webkit变换：旋转（-90度）； -moz变换：旋转（-90度）；过滤器：progid:DXImageTransform.Microsoft.BasicImage（旋转=3） 该元素还必须是display:block CSS将允许 -webkit变换：旋转（-90度）； -moz变换：旋转（-90度）；过滤器：progid:DXImageTransform.Microsoft.BasicImage（旋转=3）
该元素还必须是display:block 我使用了纯CSS，对我来说效果非常好，下面是代码：
<div style="-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); z-index:inherit; float:left">Not at all</div>
一点也不
<div style="-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); z-index:inherit; float:left">Not at all</div>
一点也不