问题标签 [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 投票
0 回答
97 浏览

loops - 如何让我的列表代码在 Shopify 中垂直而不是水平运行?

我为我的 Shopify 商店创建了一个供应商页面,它似乎运行良好,但是,现在我希望它在垂直设置中跨 4 列按字母顺序运行列表。目前,该列表水平跨列运行。有人可以看看我的代码,看看这是否可能?

我的预期结果

0 投票
2 回答
96 浏览

python - 如何让我的直方图垂直输出数据?

所以我有这样的数据输出,例如进度1:*

进度模块预告片 4:****

do_not_progress 6:******

排除2:**

但我希望它像这样显示

进步

2:

**

ETC

我将不胜感激,非常困难。

0 投票
1 回答
2015 浏览

html - 在 Chrome 中使用 css3 书写模式的表格单元格中的垂直文本

首先,我想承认存在表格单元格中的垂直文本问题,但由于它只是试图旋转整个单元格而不是垂直书写风格,它与我的问题无关(例如那个问题确实不包括text-orientation: upright;应用程序)

我目前正在处理我想在表格单元格中使用 CSS 垂直文本的东西,使用writing-mode: vertical-rlor vertical-lr。但是,当我尝试将其应用于表时,它什么也没做。请参阅以下最小示例:

正如您在 Chrome 中查看时所看到的那样,表格中的文本根本没有旋转(虽然div清楚地表明该样式确实适用于 Chrome)。使用 Chrome 检查器,样式似乎确实与单元格正确匹配,但在“计算”样式选项卡下,它显示计算的样式是writing-mode: horizontal-tb;.

我可以做些什么来使垂直文本在所有主要浏览器中都能正常工作?顺便说一句,Mozilla 在其 MDN 页面底部的表格上使用transform: rotate(-90deg). )制作垂直表格标题。”)有点好奇。

我想使用writing-mode的原因是,使用transform: rotate(90deg)它时不会重新计算表格单元格的尺寸,在某些情况下会导致文本溢出到单元格之外。

0 投票
0 回答
21 浏览

javascript - 垂直悬停下拉菜单,悬停链接出现在同一列表中

我对编码非常陌生,我想知道您是否可以帮助我解决这个问题。

我正在尝试创建一个下拉菜单,当您将鼠标悬停在垂直链接列表中的“流放”链接上时,该菜单会出现。链接的垂直列表很简单,看起来像附上的照片。当您将鼠标悬停在“流放”上时,我希望两个新链接出现在列表中,并且我已经能够使用悬停功能完成此操作。问题是:虽然当我将鼠标悬停在流放上时会出现两个新链接,但我需要将“今天”链接向下移动,以便链接在悬停时彼此重叠显示。我假设它使用javascript。谁能指出我正确的方向?

我的链接图片

0 投票
0 回答
17 浏览

css - 垂直居中、270° 旋转文本到不同动态表格的左侧?

我正在动态生成几个内联表(高度不同),并且我需要在每个表的左侧垂直居中、旋转 270° 的标题。我尝试了transform, writing-mode, 定位等的几种组合。

我可以通过 和 的组合使文本向正确的方向旋转,writing-mode: vertical-rl;transform:rotate(180deg);随后定位变成了一场噩梦。

为了进一步混淆问题,它在 Firefox 与 Chrome 和 CodePen 与 SO 片段 [下] 中呈现不同,基本上给了我 3 种变体。前缀(现在已注释掉)似乎没有什么不同。

我已经盯着这个很久了;我错过了什么明显的东西吗?


我想要什么

我想要的例子


我有什么

(蓝线是容器边框,包括在内以进行比较。) 我所拥有的例子

0 投票
1 回答
337 浏览

c++ - MFC DrawText,垂直,DT_CALCRECT with lf_escapement = 900

我正在使用一些 GDI 绘图进行 MFC 项目。我使用withDC.DrawText将垂直文本绘制到 aDC中。当我以所需的垂直格式使用时,会输出文本。然而,为了使这个文本居中,我使用了对参数的调用。我认识到,尽管文本确实是垂直绘制的,但宽度大于高度。我的直觉告诉我,垂直绘制的文本的高度应该大于宽度。我没有包括使文本居中的计算。问题是当我实现垂直居中时我可以依赖什么。LOGFONTlfEscapement = 900DT_NOCLIPDC.DrawTextDT_CALCRECTCRect

是否忽略擒纵DC.DrawTextDT_CALCRECT

在此处输入图像描述 DC中的垂直格式文本

0 投票
1 回答
89 浏览

react-native - React Native 上的垂直文本样式

我是 react-native 的新手,并尝试按如下方式设置页面样式,特别是播放器的名称和编号: 在此处输入图像描述

但是,无论我尝试做什么,我似乎都无法让它与垂直文本一起使用。我目前的结果如下: 在此处输入图像描述

我的代码如下:

我真的希望能够解决这个问题(如果它可以对不同的名称和数字有所响应,但我现在迫切需要任何东西,那将是最好的)。有什么方法可以正确地设置这个样式吗?

0 投票
0 回答
106 浏览

text - 如何使用 FreeType / HarfBuzz 查找垂直文本的列宽

我目前正在使用 FreeType + Harfbuzz 渲染文本,现在正在尝试引入垂直文本渲染(主要用于东亚脚本)。

我面临的问题是我无法弄清楚一列文本应该有多宽。对于水平文本,我们可以用 找出行高ascent - descent,但由于在垂直文本的情况下没有提供这些值('ascent' / 'descent' 分别是字形的左侧和右侧部分)我不知道如何我的文本栏应该很宽。

我尝试使用 bbox 宽度作为字体,但不同字体之间的盒子变化很大,没有提供好的信息。

0 投票
0 回答
309 浏览

python - 使用 Python 解析 PDF 文本的 Tika 无法处理垂直文本。有任何想法吗?

我正在尝试使用 Python Tika 库从 PDF 中提取文本。图书馆正在按我想要的顺序提取文本。但是,它不能处理垂直对齐的文本。

例如,这个词,

价值观

读作:

还有许多其他这样的例子,垂直文本没有被正确解析。我尝试使用其他库,如 pypdf2、pdfminer3、pdfplumber 等。但对于其中大多数,文本的顺序没有正确排序。蒂卡能够给出最好的结果。

关于如何解决这个问题的任何想法?我使用了最简单的代码如下:

还有其他我应该注意的可选参数吗?

0 投票
1 回答
51 浏览

css - CSS Line 围绕垂直方向的文本

我想实现一个带有一行的文本: ------------ TEXT ------------

正如这里所解释的: CSS 技术用于中间有单词的水平线

但我需要它垂直定向,因为它会通过设置

我将如何实现这一目标?