一行省略号的分寸

列表里的标题，有的六个字，有的三十个字。短的不必管，长的一放出去，整列的呼吸就乱了。收住它只要三行：

.posts a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

要几行，给几行

一行装不下、又不想让它疯长，就换成行数裁剪，超出的部分替读者省略：

.posts a {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

两个容易踩的坑

其一，text-overflow 只在 white-space: nowrap 同时成立时才肯生效，少写一行便是白写。其二，-webkit- 前缀看着像WebKit 专供，如今 Chromium 与 Firefox 都认，大可放心用。

青灯集的标题列表用的就是第一种：一行之内，短长随它去，版面始终齐整。