问题标签 [vertical-text]

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 投票
2 回答
1885 浏览

html - 如何为每个项目创建一个带有垂直和 90 度旋转文本的菜单?

我想做这个菜单,在每个字段中都有垂直和 90 度旋转的文本。我怎样才能做到这一点?

http://s6.picofile.com/file/8241625534/Untitled_5.jpg

请帮我。

0 投票
1 回答
62 浏览

actionscript-3 - AS3:动态垂直文本字段?

在 Flash IDE 中,我可以通过单击“更改文本方向”的小按钮并将其设置为垂直来制作垂直文本字段。不过,这只适用于静态文本。如果将其更改为动态或输入,则该按钮将变为灰色。有没有办法在 Actionscript 中动态地做到这一点?另外,我应该补充一点,如果您在 IDE 中创建垂直文本字段,它会作为 MovieClip 进行跟踪。

0 投票
1 回答
118 浏览

java - Java - 垂直整数和回文

我偶然发现了一个要求我重现这个的练习(这是预期的输出):

这是一个回文(在底部),其中大于 9(两位数)的数字必须垂直书写。这对我来说听起来很复杂,我需要一些帮助。

这是我到目前为止所做的,回文:

你能帮我解释一下如何确保大于 9 的数字是垂直书写的吗?

亚当赖斯:我的意思是:

但到目前为止我设法做的是这个烂摊子:

这可能是因为我完全忽略了数组。

0 投票
1 回答
110 浏览

css - 为什么我的文字不会自动增加容器的高度?

在 shopify 网站上,我有内部的标签代码,应该提取产品的描述。大部分都被切断了,因为容器有一个固定的宽度,但我不明白为什么它不会垂直运行并增加容器的高度?我尝试了overflow-x:hidden,overflow-y:visible,但没有这样做。即使我将容器设置为固定高度,文本也不会垂直运行。我在这里想念什么?

CSS

0 投票
0 回答
22 浏览

html - 如何在opera 9.5中写竖排文字?

有人知道如何在歌剧 9.5 中绘制垂直文本吗?正如我在“caniuse”中看到的,opera 9.5 不支持 svg,-o-transform: rotate(-90deg), writing-mode:tb-rl而且我不知道有什么方法可以做到这一点。请帮帮我。

0 投票
1 回答
1378 浏览

android - 基于自定义操作提供程序的带有垂直(旋转)文本项的 Android 操作栏菜单

我正在向操作栏项目添加菜单。菜单将包含每个项目的垂直文本。菜单包含什么并不重要。我基本上只是想创建自己的视图,当我按下操作栏项目时会弹出该视图。因此,就这个问题而言,您可以将我的观点想象成一个大黑匣子。

在此处输入图像描述

右边的图像是用 Gimp 制作的。这是我正在努力做的事情,而不是我已经完成的事情。

我试过的

为了使用 Material Design 主题更新旧应用程序,我已经阅读了 Android 文档中有关添加应用程序栏的所有课程。由于我的垂直文本菜单不适合常见情况,我必须制作一个自定义操作提供程序。但是,该文档没有提供自定义操作提供程序的完整示例。我能找到的最好的就是这个 Stack Overflow 答案

我能做的最好的事情(黑色视图代表我未来的菜单)如下图所示:

在此处输入图像描述

上图中的星号当前具有操作提供程序。但是,自定义视图在操作栏中被剪掉了。我如何让它漂浮在所有东西上?另外,我不希望它出现,直到我单击操作栏项目。但目前,它只是立即显示。

代码

MainActivity.java

activity_main.xml

菜单.xml

MyActionProvider.java

my_action_provider.xml

我很高兴看到任何功能齐全的自定义操作提供程序的示例,它显示了操作栏框架之外的视图。

0 投票
2 回答
633 浏览

css - 格式化div中的垂直文本

我正在尝试垂直呈现列标题文本,因此列很窄。我似乎无法让文本旋转并留在 div 内。

我做了一个快速的jsfiddle。

https://jsfiddle.net/DaveC426914/w674sLbL/9/

我的“预问题”是我的演示没有正确渲染。它重复数据三次,即三个 17、三个 18 和三个 19。我不知道为什么。

(我开始的准系统 Angular 小提琴不包含div ng-app="myApp"所以我必须添加它,否则角度永远不会应用。我想这可能与它有关,但删除这个 div 会破坏应用程序。)

一旦我解决了这个问题,我真正的问题是我无法让文本表现出来。它应该在 100px 高、20px 窄的盒子内,这些盒子应该彼此齐平,所以他的列只有 20px 左右宽。他们正在渲染 100px 宽。

我尝试了在 div 中嵌套 div 并将旋转应用于外部或内部 div 的变体。我还尝试将宽度设置为 100 像素,将高度设置为 20 像素,希望它能在旋转之前应用尺寸标注,但到目前为止还没有任何组合起作用。

0 投票
5 回答
70 浏览

html - 如何正确居中垂直文本

一整天,我已经阅读了关于垂直文本主题的所有内容,对于我的生活,我找不到解决我认为应该非常容易做的事情的方法。我有一个标题。在其中,有三个项目必须并排水平排列。首先是一张图片,第二张可以是任何东西,但它的尺寸必须是 20 X 150 (WxH)(或适合该尺寸),然后是另一张图片。这是我所拥有的:

这应该在标题容器中并排生成三个简单的项目。现在它到处都是——甚至不在同一条线上!(我不需要红色框,但它在那里让我知道我离我真正需要的东西有多远 - 第二张图片设置为 748 以说明该边界)。我很困惑,这么看似容易做的事情,却很难做到。无论如何都可以解决我?

0 投票
0 回答
1218 浏览

html - 在 Windows 站点上的 IE11 中查看时,垂直 HTML 文本无法正确显示

我有一个包含一些垂直文本的 HTML 页面。一切都很好,直到我在 IE11 中查看它 - 然后垂直文本不再是垂直的。“该死,我不应该搞砸设计师的原版,在 IE 中渲染还可以”我想。但事实证明,设计师的原始渲染在他们的服务器上正常,但在需要托管的服务器上却不行。我已将问题归结为以下几点:

这在 FF、Chrome、Edge 以及当我在 IE 中将其加载为 file:/// 时效果很好。但是当我使用 IE 从我们的 IIS 服务器或 Apache 服务器查看它时,垂直文本不再是垂直的。设计者的服务器是基于 LINUX 的,我们是一个 Windows 站点,这表明存在编码问题,但如果是,我会不知道该怎么办。我尝试在 windows-1252 和 utf-8 之间更改字符集元标记,但没有区别。我已经尝试了此处给出的 IE 中垂直文本的各种替代方案

如何使用 CSS 跨浏览器绘制垂直文本?

但它们都不起作用。有任何想法吗?

0 投票
2 回答
222 浏览

jquery - 在同步融合柱形图中设置 x 轴上的垂直文本

NET MVC 4.0 与 Syncfusion 控件来实现图形。

我已经成功实现它并且运行良好,但是当 x 轴上有更多数据时,文本会相互重叠,所以我想垂直显示它,这样它就会正确显示。

代码

结果

在此处输入图像描述

正如您可以看到文本相互重叠的 x 轴,还有什么方法可以在内部栏顶部显示 x 轴数据?

我在 PrimaryXAxis 中尝试了名为 .LabelIntersectAction(LabelIntersectAction.Rotate90) 的方法,但遇到了问题。

我已经尝试过这个示例,但除了 PrimaryXAxis 方法之外,我找不到任何像 LabelIntersectAction 这样的方法。

是否有任何公式或方法可用于垂直显示?