问题标签 [monospace]

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 投票
1 回答
4853 浏览

javascript - 在Javascript中获取字符宽度

我想获得一个字符的宽度来计算字符串中任何给定字符(以像素为单位)的位置。我认为这很容易,因为我使用的是等宽字体,但我遇到了问题。

我已经尝试过这个答案中的建议,但这不适用于大字符串。精度太差,这意味着它可以工作,我可以得到字符串中前几个字符的位置,但是在 10 个字符之后,精度太差了,以至于我得到的字符位置离它实际上太远了之前给出角色的位置。

我想做的是得到一个字符的宽度,所以我可以写这样的东西:

0 投票
1 回答
994 浏览

python - Python:将字符串格式化为非等宽字体的表格

我正在研究与 Slack Slash commands的 Slack Webhooks 集成。我的脚本流程如下:

  1. 从 Slack 获取斜杠命令请求。
  2. 处理数据(以 dict 或 Pandas DataFrame 的形式)
  3. 使用 Slack webhook 发回频道。

我的回应是一组键:值记录或两列数据框。我想将它们很好地打印到 Slack 中,但是我遇到了格式问题。

  1. 使用 Slack 反引号来制作具有等宽字体的代码块是行不通的,因为我可能有非常大的记录,而 Slack 会在 8000 个字符后修剪字符串。

  2. 将没有等宽的行打印为纯文本,会导致每行宽度不同的丑陋列。

我尝试了各种格式化技巧,但找不到使用 Slack API 将响应格式化为两个非常长的列的好方法。我想我正在寻找一个好的库,它可以根据所使用的字体为我格式化一个字符串。

任何帮助,将不胜感激。

0 投票
0 回答
160 浏览

fonts - 将默认系统输出更改为使用固定间距(等宽)字体而不是可变间距字体

我有一个 android studio 活动,它缓冲一个长字符串,然后在完成后将整个字符串输出到手机屏幕。我正在使用以下内容来缓冲报告的每一行,使用 format() 来格式化列,以便它们正确排列左对齐:

缓冲整个报告后,我使用以下方法将其发送到手机屏幕:

输出是可变间距的字体,它弄乱了列的间距。有没有办法将 AlertDialog.Builder 使用的字体更改为等宽字体?

0 投票
1 回答
8083 浏览

python - 如何将 Tkinter 小部件设置为等宽、平台无关的字体​​?

它在标准字体部分中

特别是对于或多或少的标准用户界面元素,每个平台都定义了应该使用的特定字体。Tk 将其中的许多封装到一组始终可用的标准字体中,当然标准小部件使用这些字体。这有助于抽象出平台差异。

然后在预定义的字体列表中有:

TkFixedFont A standard fixed-width font.

这也与我在此处可以找到的关于选择等宽、平台无关字体的标准方法的内容相对应,Tkinter例如本答案中所述。

唉,当我尝试自己做这件事时,就像下面的简单代码一样:

我得到的是:

TkFixedFont,大小 16

这对我来说看起来不像是等宽的,所以我检查了我平台上的确切Tkinter翻译内容:TkFixedFont

答案是:

那么DejaVu Sans Mono长什么样子呢?

DejaVu 无单声道,16 号

上面引用的Tkdocs.com 教程也有一个关于命名字体的部分,它说:

保证支持名称Courier、、TimesHelvetica(并映射到适当的等宽、衬线或无衬线字体)

所以我尝试:

现在终于得到了等宽的结果:

在此处输入图像描述

诚然,我的平台Courier New不是DejaVu Sans Mono选择标准等宽字体,但至少是这样,对吧?但不应该TkFixedFont只是工作吗?

0 投票
1 回答
462 浏览

ios - 更改文本时 UILabel 中等宽字体的奇怪行为

使用时有一个奇怪的问题monospacedDigitSystemFont(ofSize:weight:)

我有一个UISlider和一个UILabel在我的UIViewController。标签显示滑块的当前值 + 一些描述文本。更改滑块的值时,文本myLabel会左右晃动。我希望myLabel's 的文本不会左右晃动,因为我正在使用monospacedDigitSystemFont(ofSize:weight:).

这是我的代码:

关于抖动的 GIF:

抖动等宽文本

有什么建议么?我错过了什么吗?

0 投票
2 回答
78 浏览

ios - iOS 等宽十六进制值

我喜欢旧金山字体。如果可能的话,我想使用它。我有一个表格视图,显示一系列标签,其中每个标签是 6 个十六进制数字,例如

问题是它们排列不整齐。我可以为字体启用等宽数字属性,但这不考虑字符 ABCDEF。我试过单一的等宽字体(Menlo),它看起来很糟糕而且不合适。

我正在为每个字符制作 8 个小标签(6 个十六进制数字加上两个 : 分隔符),这看起来像是一个巨大的杂物。有没有别的办法。我想知道是否有办法AttributedString让十六进制数字具有相同的宽度?

0 投票
1 回答
51 浏览

css - 使用 css 很好地显示单词而没有空格

面对麻烦把两个单词列表很好地展示在一边,询问一些建议。

我要做的是在屏幕两侧显示两个单词列表,有点像背景云,使它们与 css 对齐direction从左到右从右到左

使用calcorgrid并没有为我提供比以下代码段更好的东西。

使用等宽字体提供的东西接近我正在寻找的东西:

正如您可能已经猜到这两个示例一样,我希望避免列中出现任何空格。

我的单词列表有不同的单词长度,但是单词可以被融化。

除了用负值调整边距之外,这里最简单的可能性是什么,这会隐藏偏移量中的一些单词?

*单词列表中没有空格,这是我在将整个列表保留在屏幕上的同时要做的事情:*

在此处输入图像描述

css 对此是否无限制,我是否应该在处理响应性 (..) 的同时使用 javascript、字长排序、像素偏移计算进行一些魔法?

解决了,很简单,谢谢大家!

0 投票
2 回答
1823 浏览

html - 如何为 CSS 排列等宽字体的英文和中文字符?

我有一个textarea包含英文和中文文本的网络应用程序。问题是,我无法使用标准等宽字体(Courier New 或 Lucida Console)完美排列字母和字符:中文文本的宽度似乎是英文文本的两倍,但不是 2x,而是 1.8 左右x,至少在 Windows 操作系统中,在我的情况下看起来很难看,尤其是在文本很长的情况下。

有没有一种简单的方法可以使用 CSS 使汉字看起来比英文字母宽 2 倍?

0 投票
1 回答
82 浏览

php - 文件下载会破坏 txt 文件的格式

我在下载文本文件时遇到问题,它实际上破坏了文件的格式。我必须制作文本文件的脚本使用 str_pad 来确定要解析到文本文件中的项目之间所需的空格数。

http://www.lokalradio.no/rapport/gramo/upload/gramorapport-Radio%20Metro%20Mj%C3%B8sbyene-opprettet%2016.08.2018.txt 它似乎在浏览器中正确显示,但下载文件时使用将页面另存为然后在文本编辑器中重新打开,格式被破坏。

我可以在 php 脚本中做些什么或做些什么来防止这种情况发生吗?使用此脚本制作文本文件

写入文件时,字符集设置为 ISO-8859-1 以完全支持北欧字符。从浏览器下载可能会破坏格式,因为它采用 UTF-8。

0 投票
1 回答
1539 浏览

android - 如何在 Android Chrome/Firefox 中修复等宽空间的宽度不正确?

我正在玩一个显示 ASCII/ANSI 艺术标志的网站,并且在桌面浏览器中一切似乎都很好。

然后我想看看它是否适用于移动设备,但这里的空格似乎宽度错误。显示ASCII -art 的网站部分包含在<div>具有以下 CSS 属性的 a 中:

我尝试过几种字体变体,例如“ Druid Sans Mono ”、monospace(也是 monospace、monospace hack)、“ Courier ”和“ Roboto Mono ”,但它们都不起作用。

我还尝试使用nbsp而不是仅使用空格。改变字母间距似乎也没有达到我想要的效果。

有什么技巧可以让它工作吗?

您可以在此处查看站点disconnected.tech