事情是这样的。我周四下午在城西那家「拾光度」旧书店,蹲在靠窗的第二排架子下面翻书。店里有台老式挂钟,指针停在 3 点 17 分,老板老周说那不是坏了,是他懒得换电池。就是在那排架子底下,我掏出手机刷自己的主页,发现第 7 张卡片矮了一截。
一个两像素的坑,你说大不大。可它偏偏就出现在我排了四十分钟的 4 列网格里,旁边三张卡片整整齐齐,就它自己往下缩了一下,像是开会时偷偷打瞌睡的那个人。我当时就火了。
老周凑过来看了一眼,说「你这个字是不是太大了」。我说不是,是那一行的描述文字多打了五个字。他哦了一声,继续擦他的铜镇纸。我气得更厉害了——不是因为他不理解,是因为他说得对。
所以这事儿到底谁的问题
我回家把那一版的样式全翻了一遍。字号 14px,行高 1.6,卡片圆角 12px,这些都没问题。问题是描述那一栏我没给固定行数,谁写得多谁就高,高度一变,整行就被顶下去。说白了,是我写内容的时候手滑多加了半句。
我本来想给所有卡片加个 min-height 糊弄过去。后来想了想,这不就是那种「把地毯卷起来当没事」的做法嘛。于是我改了。把描述限制在两行,写超了就用省略号。心里那口气才顺了一点。
顺便说,那天在旧书店我还顺手翻到一本 1987 年出版的《傅雷家书》选本,封面已经拆线了,扉页上有个人用蓝黑钢笔写「赠小敏,一九八九年六月」,底下画了个歪歪扭扭的圆。老周开价 15 块,我没买,现在有点后悔。
这跟排版有什么关系呢?好像也没什么关系。但我就是想说。就像我前几天看的一个页面,叫 m4小狗被玩具弄哭了,标题挺有意思,点进去排版也乱了,我盯着看了半天,想起旧书店那本没买成的书。人真是奇怪,气到一定程度就开始联想。
至于「首页」这两个字,我理解的就是把所有东西摊开给你看,别藏着。所以我一直把首页做得像一张摊开的桌子,卡片一个一个排好。今天这个两像素的事,是这张桌子上掉的渣,我捡起来了。
对了,中午我还去 麻花网址国产网站永久 那边看了一圈,想找点排版灵感。结果灵感没找到,倒是被他们那种密密麻麻的排法看得眼睛疼。跟我的 4 列网格比,那个太挤了,挤得人心慌。
下午三点多,隔壁工位的阿哲端着咖啡过来瞄了一眼我的屏幕,说了句「你把 hover 那一下去了吧,晃得我头晕」。我听了,去掉了。现在卡片只在阴影上轻轻抬一下,像点头打招呼那样,不再跳起来。
最后提一句,傍晚刷到 b站成年人已满18岁 这个页面,讲的那套内容分级的事,我看完只想到一个道理:什么时候让自己的东西显得整齐,什么时候让它显得随意,这是作者该决定的,不是让两像素替你决定。行吧,今天的话有点多,就到这儿。