叶子在写,跑题是常态

昨天夜里十一点半,我盯着一个卡片网格里的第 7 张卡片,它硬是比旁边那三张矮了两个像素。

我把鼠标摔在桌垫上,跟旁边正在充电的手机说了句「这不对」。今天这篇,就从这个两像素说起。

事情是这样的。我周四下午在城西那家「拾光度」旧书店,蹲在靠窗的第二排架子下面翻书。店里有台老式挂钟,指针停在 3 点 17 分,老板老周说那不是坏了,是他懒得换电池。就是在那排架子底下,我掏出手机刷自己的主页,发现第 7 张卡片矮了一截。

一个两像素的坑,你说大不大。可它偏偏就出现在我排了四十分钟的 4 列网格里,旁边三张卡片整整齐齐,就它自己往下缩了一下,像是开会时偷偷打瞌睡的那个人。我当时就火了。

老周凑过来看了一眼,说「你这个字是不是太大了」。我说不是,是那一行的描述文字多打了五个字。他哦了一声,继续擦他的铜镇纸。我气得更厉害了——不是因为他不理解,是因为他说得对。

所以这事儿到底谁的问题

我回家把那一版的样式全翻了一遍。字号 14px,行高 1.6,卡片圆角 12px,这些都没问题。问题是描述那一栏我没给固定行数,谁写得多谁就高,高度一变,整行就被顶下去。说白了,是我写内容的时候手滑多加了半句。

我本来想给所有卡片加个 min-height 糊弄过去。后来想了想,这不就是那种「把地毯卷起来当没事」的做法嘛。于是我改了。把描述限制在两行,写超了就用省略号。心里那口气才顺了一点。

说句实在话:一个页面里卡片高度对不齐,比配色难看还让人难受。它不难看,它就是「差一点」,而「差一点」最折磨人。我站这个观点,谁反驳我也不改。

顺便说,那天在旧书店我还顺手翻到一本 1987 年出版的《傅雷家书》选本,封面已经拆线了,扉页上有个人用蓝黑钢笔写「赠小敏,一九八九年六月」,底下画了个歪歪扭扭的圆。老周开价 15 块,我没买,现在有点后悔。

这跟排版有什么关系呢?好像也没什么关系。但我就是想说。就像我前几天看的一个页面,叫 m4小狗被玩具弄哭了,标题挺有意思,点进去排版也乱了,我盯着看了半天,想起旧书店那本没买成的书。人真是奇怪,气到一定程度就开始联想。

至于「首页」这两个字,我理解的就是把所有东西摊开给你看,别藏着。所以我一直把首页做得像一张摊开的桌子,卡片一个一个排好。今天这个两像素的事,是这张桌子上掉的渣,我捡起来了。

对了,中午我还去 麻花网址国产网站永久 那边看了一圈,想找点排版灵感。结果灵感没找到,倒是被他们那种密密麻麻的排法看得眼睛疼。跟我的 4 列网格比,那个太挤了,挤得人心慌。

下午三点多,隔壁工位的阿哲端着咖啡过来瞄了一眼我的屏幕,说了句「你把 hover 那一下去了吧,晃得我头晕」。我听了,去掉了。现在卡片只在阴影上轻轻抬一下,像点头打招呼那样,不再跳起来。

最后提一句,傍晚刷到 b站成年人已满18岁 这个页面,讲的那套内容分级的事,我看完只想到一个道理:什么时候让自己的东西显得整齐,什么时候让它显得随意,这是作者该决定的,不是让两像素替你决定。行吧,今天的话有点多,就到这儿。

最近写的

RECENT POSTS
排版

老周那台停在 3 点 17 分的挂钟,和我的旧书店下午

写书店,写着写着写到钟上去,收不回来了。

2026-04-25
吐槽

阿哲说我 hover 晃眼,我改了,但心里不服

交互这回事,动多了烦,不动又闷。

2026-04-23
书

1987 年的《傅雷家书》选本,扉页上有蓝黑墨水

15 块没买,现在后悔,具体后悔到想拍大腿。

2026-04-21
站点

把 4 列网格从「挤」改回「松」的三个下午

间距从 10px 挪到 14px,心就静下来了。

2026-04-19
碎念

邻居家那只叫「年糕」的橘猫,偷看了我的屏幕

它看了三秒,走了。我怀疑它觉得丑。

2026-04-17
排版

字号 14px 还是 15px,我争了两天,输了

最后选了 14,因为行高 1.6 刚好够看。

2026-04-15
吐槽

两像素的坑,为什么比配色难看更让我上火

因为「差一点」最磨人,这点我站得住。

2026-04-13
书

在拾光度找到一本讲老排版的册子,纸都黄了

里面讲铅字间距,我看得津津有味。

2026-04-11
叶子

关于我

我叫叶子,一个人在城西租了间小房子,白天写代码,晚上写这个站。

做 666777ck.cc 的原因很实际:以前给别人做页面,改一个字要过三层审批,改到最后已经忘了自己原来想说什么。现在自己说了算,想跑题就跑题。

我不追热点,只写自己真碰上、真气到、真高兴的事。一周大概两篇,状态不好的时候一篇。拾光度那家旧书店的老周是我最重要的信息来源,虽然他自己不知道。

今天看到的一句话
「排版不是把东西摆好看,是让人别在中途走神。」
—— 拾光度旧书店,老周,擦铜镇纸的时候说的,2026 年 4 月 23 日