繁体   English   中英

强制双倍宽度 unicode 符号在 Markdown 或 CSS 中使用双倍宽度

Enforce double width unicode symbols to use double width in Markdown or CSS

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我想控制双宽 unicode 字符的视觉宽度,例如 Github 风味 Markdown 中的LARGE ORANGE SQUARE 使用 Markdown 代码或 Html/CSS。

例如,请参阅以下 Markdown 代码部分,它在 MacOS(Chromium 105、MacOS 12.6,截至 2022 年 9 月 27 日)中错误呈现 Brave 中的字符串:

                        1 3 5 7 9
single width reference  ↓ ↓ ↓ ↓ ↓
double width unicode    🟪🟫🟩🟪🟫🟩🟪🟫🟩
double width reference  ↑ ↑ ↑ ↑ ↑ ↑ ↑ ↑ ↑
                        1 2 3 4 5 6 7 8 9

双宽字符超出了等宽网格,因此不能在这样的地方安全地使用,例如用于画框或游戏渲染。

字符在系统终端中渲染得很好,例如 iTerm2 或下图所示的 VSCode 终端。

在 VSCode 终端中正确呈现双宽 unicode

因此,这似乎是 Markdown/CSS/Html 问题,可能与网站使用的 fonts 和一般浏览器有关。

问题

  1. 如何完全控制 Markdown 代码部分中此类 unicode 字符串的宽度?
  2. 是否有其他解决方法可以使其至少在 Github 上工作?
问题暂未有回复.您可以查看右边的相关问题.
1 CSS媒体查询检测宽度加倍高度?

嗨,我有一个全屏的网络应用程序(网站),有些人有非常宽的屏幕,或在他们的浏览器中有一堆工具栏的常规屏幕,使可视区域的宽度超过高度的两倍,我想加载不同的图像对于那种情况。 有没有办法做一些像min-device-aspect-ratio:2或width> = height * 2? ...

2 具有双倍宽度第一项的 CSS 网格布局

我正在尝试实现基于网格的布局,其中项目将在灵活的网格中布置,使用grid-template-columns: repeat(auto-fill, minmax(400px, 1fr)) 。 然后项目会自动放置到网格中,效果很好。 我希望第一个项目是双倍宽度,所以它跨越两列。 使用这样的规则很容易实 ...

2021-11-10 16:24:30 1 37   html/ css
4 如何使用sed表达式替换单宽度的双宽度字符

我想使用sed表达式将文件中找到的某些全角字符替换为它们的单角宽度。 这不是按预期工作,但是表达了我想做的事情(这是在bash脚本中):我在字母数字范围内混合了其他一些我可以想到的其他内容,不确定是否需要将其分成基于if范围等两个不同的-e参数 sed -e 's,[0-9a-zA-Z() ...

5 双变量的宽度

我试图使用PrintWriter将一些文本写入文件,我不明白下一个例子中“7”的含义: 我鼓舞人心的来源说7意味着: f之前的7.3表示宽度(7),精度(3)表示输出d in。 问题是我无法理解宽度的真正含义。 我的意思是,即使我的变量有超过7位数,它也不会格式 ...

2018-11-23 17:47:58 5 231   java
6 Android设备上的双宽边框,CSS像素比率为1.5

给定一个包含带1px边框的元素的简单页面 (下面的源代码),与iOS相比,它将在Android上呈现如下: 如您所见,Android边框的宽度不均匀,有时为1px,有时为2px宽。 至于我已经能够测试它,这只发生在CSS像素比率为1.5的设备上(包括Android模拟器),而不是像 ...

8 视口设备宽度是宽度的两倍

我有一个设计为640px宽的移动网站。 因此,所有内容的最大宽度为640px。 在标题中,我有我的meta标签: 在iPhone / iPad / iPodtouch上,页面正确显示:内容恰好适合屏幕的宽度。 但是,当我在Android(默认浏览器或Dolphin HD)上尝试 ...

9 使div的宽度为其内容宽度的两倍

例如,HTML: CSS: 我想在内容之前和之后添加原始内容宽度的一半,这样我每个div的宽度加倍。 效果看起来像这样,通过逐个手动插入内联块来解决: https : //jsfiddle.net/vj25udLy/13/ 如果我可以将宽度直接设置为其内容宽度的200 ...

2018-06-28 13:00:07 1 89   html/ css
10 具有固定宽度的双到字符串转换

我想将一个double值打印成一个不超过8个字符的字符串。 打印的数字应尽可能多,例如 我试过C ++ iostreams和printf style,并且都没有像我希望的那样尊重提供的大小: 得到: 我知道我可以指定一个精度,但我必须在这里提供一个非常小的精度,以便覆盖 ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM