今天刚注意到一个问题,Typecho 中的代码块里面的代码,第一行跟后面的是不对齐的。这个就让强迫症很难受,没发现倒还好,一旦注意到了,就很难忽略了,就像戴眼镜的人眼镜上有一块脏东西,必须得弄掉。

如图所示:

2023-06-28T07:33:40.png

简单搜了一下,找到一篇文章解释了这个问题:解决 Typecho 中代码块首行不对齐的问题,长话短说,原因就是 code 标签是一个行内元素,paddingmargin 属性在行内元素上使用会出现诸多问题。所以最简单的解决办法就是把 code 设置为 block 块元素。

在主题模板里添加一行代码即可:

<style>pre code { display: block; }</style>

我用的是默认主题,修改的文件是 usr/themes/default/header.php

2023-06-28T07:42:18.png

刷新网页再看,问题解决。

标签: typecho