Skip to content

[站点问题] 教程页面中代码块的行号与代码行纵向不对齐 #142

Description

@f4bb0

问题页面

https://awesome-embedded-learning-studio.github.io/Tutorial_AwesomeModernCPP/vol1-fundamentals/02-c-language-crash-course

问题类型

页面渲染问题

实际表现

教程页面中代码块的行号与代码行纵向不对齐,影响阅读体验。

行号明显偏上(或代码偏下),导致每一行的行号都与实际代码行产生错位。
具体表现:

  • 第 1 行行号几乎与代码行的上半部分对齐
  • 随着行号增加,错位感更加明显
  • 代码行高似乎大于行号区域的高度

期望表现

行号应与其对应的代码行对齐。

复现步骤

复现步骤

  1. 访问任意有代码块的页面,例如:https://awesome-embedded-learning-studio.github.io/Tutorial_AwesomeModernCPP/vol1-fundamentals/02-c-language-crash-course
Image
  1. 滚动到任意带行号的代码块(例如 6.2 字符串、2.2 位运算符 等章节)
  2. 观察左侧行号与右侧代码的纵向位置关系

环境信息

  • 设备:桌面
  • 浏览器:Firefox 153.0.4 (64 位) / Microsoft Edge 151.0.4129.78 (正式版本) (64 位)
  • 操作系统:Windows 11
  • 是否使用深色模式:是

截图

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    Status
    No status

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions