代码块行数和代码不对齐的问题
# 代码块行数和代码不对齐的问题
解决方案
- 主要是要设置等宽字体,由于各个终端的等宽字体并不相同,所以最好直接默认设为
monospace
- 同时需要注意要将代码块和行号的字体大小设置为相同,而且大小似乎有最优值
0.9em
目前是较合适的值
配置示例
- 可在
docs/.vuepress/styles/index.styl
中添加下列语句
// Code font
code, kbd, .line-number
font-family: monospace, Menlo, Monaco, Consolas, "Courier New"
font-size: 0.9em !important
1
2
3
4
2
3
4
目前并不太清楚确定等宽字体大小最优值的方法
- 似乎目前的等宽字体中英文也不严格等宽
编辑 (opens new window)
上次更新: 2022/01/26, 21:01:00