问题标签 [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.
python - 如何让我的直方图垂直输出数据?
所以我有这样的数据输出,例如进度1:*
进度模块预告片 4:****
do_not_progress 6:******
排除2:**
但我希望它像这样显示
进步
2:
**
ETC
我将不胜感激,非常困难。
html - 在 Chrome 中使用 css3 书写模式的表格单元格中的垂直文本
首先,我想承认存在表格单元格中的垂直文本问题,但由于它只是试图旋转整个单元格而不是垂直书写风格,它与我的问题无关(例如那个问题确实不包括text-orientation: upright;
应用程序)
我目前正在处理我想在表格单元格中使用 CSS 垂直文本的东西,使用writing-mode: vertical-rl
or vertical-lr
。但是,当我尝试将其应用于表时,它什么也没做。请参阅以下最小示例:
正如您在 Chrome 中查看时所看到的那样,表格中的文本根本没有旋转(虽然div
清楚地表明该样式确实适用于 Chrome)。使用 Chrome 检查器,样式似乎确实与单元格正确匹配,但在“计算”样式选项卡下,它显示计算的样式是writing-mode: horizontal-tb;
.
我可以做些什么来使垂直文本在所有主要浏览器中都能正常工作?顺便说一句,Mozilla 在其 MDN 页面底部的表格上使用transform: rotate(-90deg)
. )制作垂直表格标题。”)有点好奇。
我想使用writing-mode
的原因是,使用transform: rotate(90deg)
它时不会重新计算表格单元格的尺寸,在某些情况下会导致文本溢出到单元格之外。
javascript - 垂直悬停下拉菜单,悬停链接出现在同一列表中
我对编码非常陌生,我想知道您是否可以帮助我解决这个问题。
我正在尝试创建一个下拉菜单,当您将鼠标悬停在垂直链接列表中的“流放”链接上时,该菜单会出现。链接的垂直列表很简单,看起来像附上的照片。当您将鼠标悬停在“流放”上时,我希望两个新链接出现在列表中,并且我已经能够使用悬停功能完成此操作。问题是:虽然当我将鼠标悬停在流放上时会出现两个新链接,但我需要将“今天”链接向下移动,以便链接在悬停时彼此重叠显示。我假设它使用javascript。谁能指出我正确的方向?
css - 垂直居中、270° 旋转文本到不同动态表格的左侧?
我正在动态生成几个内联表(高度不同),并且我需要在每个表的左侧垂直居中、旋转 270° 的标题。我尝试了transform
, writing-mode
, 定位等的几种组合。
我可以通过 和 的组合使文本向正确的方向旋转,writing-mode: vertical-rl;
但transform:rotate(180deg);
随后定位变成了一场噩梦。
为了进一步混淆问题,它在 Firefox 与 Chrome 和 CodePen 与 SO 片段 [下] 中呈现不同,基本上给了我 3 种变体。前缀(现在已注释掉)似乎没有什么不同。
我已经盯着这个很久了;我错过了什么明显的东西吗?
我想要什么:
我有什么:
text - 如何使用 FreeType / HarfBuzz 查找垂直文本的列宽
我目前正在使用 FreeType + Harfbuzz 渲染文本,现在正在尝试引入垂直文本渲染(主要用于东亚脚本)。
我面临的问题是我无法弄清楚一列文本应该有多宽。对于水平文本,我们可以用 找出行高ascent - descent
,但由于在垂直文本的情况下没有提供这些值('ascent' / 'descent' 分别是字形的左侧和右侧部分)我不知道如何我的文本栏应该很宽。
我尝试使用 bbox 宽度作为字体,但不同字体之间的盒子变化很大,没有提供好的信息。
css - CSS Line 围绕垂直方向的文本
我想实现一个带有一行的文本: ------------ TEXT ------------
正如这里所解释的: CSS 技术用于中间有单词的水平线
但我需要它垂直定向,因为它会通过设置
我将如何实现这一目标?