解决 Typecho 中代码块首行不顶格的问题
今天刚注意到一个问题,Typecho 中的代码块里面的代码,第一行跟后面的是不对齐的。这个就让强迫症很难受,没发现倒还好,一旦注意到了,就很难忽略了,就像戴眼镜的人眼镜上有一块脏东西,必须得弄掉。
如图所示:
简单搜了一下,找到一篇文章解释了这个问题:解决 Typecho 中代码块首行不对齐的问题,长话短说,原因就是 code
标签是一个行内元素,padding
及 margin
属性在行内元素上使用会出现诸多问题。所以最简单的解决办法就是把 code
设置为 block
块元素。
在主题模板里添加一行代码即可:
<style>pre code { display: block; }</style>
我用的是默认主题,修改的文件是 usr/themes/default/header.php
。
刷新网页再看,问题解决。