强制双倍宽度 unicode 符号在 Markdown 或 CSS 中使用双倍宽度
[英]Enforce double width unicode symbols to use double width in Markdown or CSS
问题描述
I want to control the visual width of double-width unicode characters like the LARGE ORANGE SQUARE in Github-flavored Markdown;
我想控制双宽 unicode 字符的视觉宽度，例如 Github 风味 Markdown 中的LARGE ORANGE SQUARE ； either using Markdown code or Html/CSS.使用 Markdown 代码或 Html/CSS。
For instance, see the following Markdown code section that misrenders the strings in Brave on MacOS (Chromium 105, MacOS 12.6, as of 2022-09-27):例如，请参阅以下 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
The double-width characters are breaking out of the monospaced grid and thus cannot be used safely in such a place, eg, for box drawing or game rendering.双宽字符超出了等宽网格，因此不能在这样的地方安全地使用，例如用于画框或游戏渲染。
The characters render just fine in system terminals, such as iTerm2 or the VSCode terminal shown below.字符在系统终端中渲染得很好，例如 iTerm2 或下图所示的 VSCode 终端。
Therefore, this seems to be a Markdown/CSS/Html issue, probably related to the fonts used by the website and through the browser in general.因此，这似乎是 Markdown/CSS/Html 问题，可能与网站使用的 fonts 和一般浏览器有关。
Questions问题
- How do I get full control over the width of such unicode strings in Markdown code sections?如何完全控制 Markdown 代码部分中此类 unicode 字符串的宽度？
- Are there other workarounds to make it work at least on Github?是否有其他解决方法可以使其至少在 Github 上工作？
0 个解决方案
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.