当前位置：文江博客话题详情

是否可以在网页中以一定角度显示文本？

发布于 2024-10-25 11:50:10 字数 91 浏览 4 评论 0原文

我想知道是否可以在网页中以一定角度（例如 40 度）创建文本。如果可能的话，我该怎么做？

编辑：最后，我决定采用 Mathias Bynens 的答案。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

静谧 2024-11-01 11:50:10

使用CSS3转换：

.selector {
  -webkit-transform: rotate(40deg);
  -moz-transform: rotate(40deg);
  -o-transform: rotate(40deg);
  transform: rotate(40deg);
}

IE确实支持filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);，其中rotation属性接受四个值之一：0、< code>1、2 或 3 分别将元素旋转 0、90、180 或 270 度。不过它是一个过滤器，所以我不建议使用它。

Use CSS3 transforms:

.selector {
  -webkit-transform: rotate(40deg);
  -moz-transform: rotate(40deg);
  -o-transform: rotate(40deg);
  transform: rotate(40deg);
}

IE does support filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);, where the rotation property accepts one of four values: 0, 1, 2, or 3 which will rotate the element 0, 90, 180 or 270 degrees respectively. It’s a filter though, so I wouldn’t recommended using it.

回复收藏 0 原文

清旖 2024-11-01 11:50:10

要添加到 Mathias 的答案，您也可以在 IE 中旋转文本： http://snook .ca/archives/html_and_css/css-text-rotation

但是，您必须使用 90° 的倍数。

除此之外，您还可以利用 SVG/VML 来旋转文本。例如，看看这个页面： http://raphaeljs.com/text-rotation.html

它使用 RaphaelJS 库进行跨浏览器文本旋转，无需图像。

回复收藏 0 原文

放手` 2024-11-01 11:50:10

Mathias 的回答是正确的，但为了也支持 IE，你可以使用他们的过滤器：

filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
/*play with the number to get it right*/

那么 IE 也会得到支持:)

Mathias is right in his answer, but to also support IE you can use their filter:

filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
/*play with the number to get it right*/

Then IE will be supported too :)

回复收藏 0 原文

~没有更多了~

关于作者

我也只是我

暂无简介

0 文章

0 评论

24 人气

关注发私信

友情链接

文江博客

是否可以在网页中以一定角度显示文本？

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

评论（3）

关于作者

相关话题

热门标签

推荐作者

已经忘了多久

15867725375

LonelySnow

走过海棠暮

轻许诺言

信馬由缰

友情链接

是否可以在网页中以一定角度显示文本？

如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

评论（3）

关于作者

相关话题

热门标签

推荐作者

已经忘了多久

15867725375

LonelySnow

走过海棠暮

轻许诺言

信馬由缰

友情链接

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。