问题页面
https://awesome-embedded-learning-studio.github.io/Tutorial_AwesomeModernCPP/vol1-fundamentals/02-c-language-crash-course
问题类型
页面渲染问题
实际表现
教程页面中代码块的行号与代码行纵向不对齐,影响阅读体验。
行号明显偏上(或代码偏下),导致每一行的行号都与实际代码行产生错位。
具体表现:
- 第 1 行行号几乎与代码行的上半部分对齐
- 随着行号增加,错位感更加明显
- 代码行高似乎大于行号区域的高度
期望表现
行号应与其对应的代码行对齐。
复现步骤
复现步骤
- 访问任意有代码块的页面,例如:https://awesome-embedded-learning-studio.github.io/Tutorial_AwesomeModernCPP/vol1-fundamentals/02-c-language-crash-course
- 滚动到任意带行号的代码块(例如 6.2 字符串、2.2 位运算符 等章节)
- 观察左侧行号与右侧代码的纵向位置关系
环境信息
- 设备:桌面
- 浏览器:Firefox 153.0.4 (64 位) / Microsoft Edge 151.0.4129.78 (正式版本) (64 位)
- 操作系统:Windows 11
- 是否使用深色模式:是
截图
No response
问题页面
https://awesome-embedded-learning-studio.github.io/Tutorial_AwesomeModernCPP/vol1-fundamentals/02-c-language-crash-course
问题类型
页面渲染问题
实际表现
教程页面中代码块的行号与代码行纵向不对齐,影响阅读体验。
行号明显偏上(或代码偏下),导致每一行的行号都与实际代码行产生错位。
具体表现:
期望表现
行号应与其对应的代码行对齐。
复现步骤
复现步骤
环境信息
截图
No response