问题标签 [text-rotation]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
6 回答
6669 浏览

html - 有没有办法旋转文本输入?

我必须将文本框和一些文本对齐大约 30 度,如下所示: 旋转文本

我希望它至少在 IE 和 FF 中工作。我在网上找到的所有内容都涉及图像旋转。
任何人?

0 投票
10 回答
18647 浏览

browser - 如何在所有浏览器中显示垂直文本(旋转 90 度)?

如何在所有浏览器中显示垂直文本(旋转 90 度)?

替代文字
(来源:sun.com

0 投票
2 回答
6621 浏览

css - 仅使用 CSS 将文本旋转 90°

是否可以仅使用 CSS 将文本旋转 90°(顺时针或逆时针)并兼容 IE6+、Firefox 2 和 Opera?

0 投票
6 回答
186728 浏览

css - 如何在css中旋转文本?

如何在 css 中旋转文本以获得以下输出:

在此处输入图像描述你好,

编辑:

感谢您的快速建议。我在 jsfile 中添加了我的示例代码:

http://jsfiddle.net/koolkabin/yawYM/

HTML:

CSS:

我面临的问题是,当我们旋转文本时,它会破坏对齐和位置。那么是什么原因造成的,我该如何管理它们呢?

0 投票
5 回答
31826 浏览

javascript - jQuery文本旋转

我在 div 中有一个简单的文本,如下所示;

我希望将 div 内的文本旋转 20-30 度。我已经在 stackoverflow 上找到了这个主题,它在 Firefox 和 Chrome 中给了我想要的结果,但在 IE7、IE8 和 IE9 中却没有。我也试过jquery rotate,但是当使用它时,看起来插件正在对 div 本身做一些事情,使其消失,而不是旋转 div 内的文本。这甚至可以使用 javscript 和/或 css 吗?

注意:Cufon 也被使用。

Codlers回答后更新:

这是Codler回答后当前应用的css。适用于 FF 和 Chrome。

更新 2:IE7 和 IE8 现在正在旋转文本,但在 IE9 中,我的旋转文本后面出现了一个黑色的大方块。这可能是什么原因造成的?CSS现在如下;

最终的工作代码。这要归功于 Jeff 和 Codler。

HTML:

默认 CSS:

IE 7 & 8 的 CSS - 有条件地加载:

0 投票
2 回答
8490 浏览

css - CSS 3:文本旋转错误?

我不明白 CSS3 中的文本旋转是如何工作的。

例如,你可以在这里看到,旋转的文本永远不会在你想要的正确位置,

它总是有右边的间隙/边距。并且总是在包含它的盒子的底部溢出。

我怎样才能解决这个问题?

我可以使用 jquery 来修复它或任何可靠的 jquery 插件来进行文本旋转吗?

谢谢。

0 投票
1 回答
6222 浏览

css - 如何在 HTML 中制作垂直旋转的链接?

我正在努力做到这一点:

在此处输入图像描述

使用此代码:

但我得到的是:

在此处输入图像描述

有什么建议么?

0 投票
4 回答
2770 浏览

css - 文本旋转 - IE 的问题

您好我正在尝试旋转文本,但我在使用 IE 8 和 9 时遇到了一些问题

在 IE 中它不会旋转。有谁能告诉我为什么??

谢谢

0 投票
1 回答
308 浏览

flash - 为什么只能在 actionscript 中旋转嵌入字体?

您可以旋转嵌入字体,但不能旋转设备字体。
为什么 adobe 只允许旋转嵌入的字体?
旋转设备字体是否存在技术问题?

0 投票
2 回答
2299 浏览

c# - 垂直旋转的文本块占据整个宽度,就好像它是水平的一样

我已将TextBlock控件包裹在边框中,以便查看占用空间的内容:

在此处输入图像描述

这是 XAML:

问题是这占用了比我需要的更多的空间,如果我为它设置一个静态宽度,我会得到这个:

在此处输入图像描述

有什么建议么?